diff --git a/_images/item-widget-auto.gif b/_images/item-widget-auto.gif
new file mode 100644
index 00000000..30b980ef
Binary files /dev/null and b/_images/item-widget-auto.gif differ
diff --git a/_images/item-widget-date.gif b/_images/item-widget-date.gif
new file mode 100644
index 00000000..ee26c11b
Binary files /dev/null and b/_images/item-widget-date.gif differ
diff --git a/_images/item-widget-freq.gif b/_images/item-widget-freq.gif
new file mode 100644
index 00000000..cc4b6b73
Binary files /dev/null and b/_images/item-widget-freq.gif differ
diff --git a/_images/item-widget-qty.gif b/_images/item-widget-qty.gif
new file mode 100644
index 00000000..2ec4e0eb
Binary files /dev/null and b/_images/item-widget-qty.gif differ
diff --git a/_images/plantuml-a2421ade400fab947a336c874ab5d1d95aa32713.png b/_images/plantuml-a2421ade400fab947a336c874ab5d1d95aa32713.png
index 858791b5..104e3ab1 100644
Binary files a/_images/plantuml-a2421ade400fab947a336c874ab5d1d95aa32713.png and b/_images/plantuml-a2421ade400fab947a336c874ab5d1d95aa32713.png differ
diff --git a/_images/plantuml-e061e821a108ee91d62bf63bc49b23b9d63c9117.png b/_images/plantuml-e061e821a108ee91d62bf63bc49b23b9d63c9117.png
index 194f6484..1622aeda 100644
Binary files a/_images/plantuml-e061e821a108ee91d62bf63bc49b23b9d63c9117.png and b/_images/plantuml-e061e821a108ee91d62bf63bc49b23b9d63c9117.png differ
diff --git a/_plantuml/a2/a2421ade400fab947a336c874ab5d1d95aa32713.png b/_plantuml/a2/a2421ade400fab947a336c874ab5d1d95aa32713.png
index 858791b5..104e3ab1 100644
Binary files a/_plantuml/a2/a2421ade400fab947a336c874ab5d1d95aa32713.png and b/_plantuml/a2/a2421ade400fab947a336c874ab5d1d95aa32713.png differ
diff --git a/_plantuml/e0/e061e821a108ee91d62bf63bc49b23b9d63c9117.png b/_plantuml/e0/e061e821a108ee91d62bf63bc49b23b9d63c9117.png
index 194f6484..1622aeda 100644
Binary files a/_plantuml/e0/e061e821a108ee91d62bf63bc49b23b9d63c9117.png and b/_plantuml/e0/e061e821a108ee91d62bf63bc49b23b9d63c9117.png differ
diff --git a/_static/0fc70aa4dfe4d16d7073.woff b/_static/0fc70aa4dfe4d16d7073.woff
new file mode 100644
index 00000000..2a9fff0e
Binary files /dev/null and b/_static/0fc70aa4dfe4d16d7073.woff differ
diff --git a/_static/0fecf1cc5677455886b4.woff2 b/_static/0fecf1cc5677455886b4.woff2
deleted file mode 100644
index 7080d064..00000000
Binary files a/_static/0fecf1cc5677455886b4.woff2 and /dev/null differ
diff --git a/_static/1d5fc702ab9000c3247a.woff b/_static/1d5fc702ab9000c3247a.woff
deleted file mode 100644
index 5b991d8d..00000000
Binary files a/_static/1d5fc702ab9000c3247a.woff and /dev/null differ
diff --git a/_static/2fe080a3bf49bdc12fcb.woff2 b/_static/2fe080a3bf49bdc12fcb.woff2
deleted file mode 100644
index c3f046fc..00000000
Binary files a/_static/2fe080a3bf49bdc12fcb.woff2 and /dev/null differ
diff --git a/_static/39bd78ffb50669d6855a.woff b/_static/39bd78ffb50669d6855a.woff
deleted file mode 100644
index ee494406..00000000
Binary files a/_static/39bd78ffb50669d6855a.woff and /dev/null differ
diff --git a/_static/4f183a25813446a47ad9.woff2 b/_static/4f183a25813446a47ad9.woff2
deleted file mode 100644
index 28fdb569..00000000
Binary files a/_static/4f183a25813446a47ad9.woff2 and /dev/null differ
diff --git a/_static/583e3f428bf2362b546d.woff b/_static/583e3f428bf2362b546d.woff
new file mode 100644
index 00000000..e2e3d20a
Binary files /dev/null and b/_static/583e3f428bf2362b546d.woff differ
diff --git a/_static/5be6ec379613f10aea3f.woff b/_static/5be6ec379613f10aea3f.woff
new file mode 100644
index 00000000..dc524f79
Binary files /dev/null and b/_static/5be6ec379613f10aea3f.woff differ
diff --git a/_static/5f68b8c26e28d783a591.woff2 b/_static/5f68b8c26e28d783a591.woff2
deleted file mode 100644
index edfd8cc1..00000000
Binary files a/_static/5f68b8c26e28d783a591.woff2 and /dev/null differ
diff --git a/_static/63a0f5d460fb58135365.woff b/_static/63a0f5d460fb58135365.woff
deleted file mode 100644
index e261a264..00000000
Binary files a/_static/63a0f5d460fb58135365.woff and /dev/null differ
diff --git a/_static/70e1dc5f5622381d6e9e.woff b/_static/70e1dc5f5622381d6e9e.woff
deleted file mode 100644
index a23eb14c..00000000
Binary files a/_static/70e1dc5f5622381d6e9e.woff and /dev/null differ
diff --git a/_static/76c1862325ea6f70eeff.woff2 b/_static/76c1862325ea6f70eeff.woff2
new file mode 100644
index 00000000..3d3c5d77
Binary files /dev/null and b/_static/76c1862325ea6f70eeff.woff2 differ
diff --git a/_static/83710c128240451d95af.woff b/_static/83710c128240451d95af.woff
new file mode 100644
index 00000000..f89b15ff
Binary files /dev/null and b/_static/83710c128240451d95af.woff differ
diff --git a/_static/84504970850f0632d9c3.woff b/_static/84504970850f0632d9c3.woff
deleted file mode 100644
index 350fd208..00000000
Binary files a/_static/84504970850f0632d9c3.woff and /dev/null differ
diff --git a/_static/a1e4997bd1fb9d7822e1.woff2 b/_static/a1e4997bd1fb9d7822e1.woff2
deleted file mode 100644
index ddecc6ad..00000000
Binary files a/_static/a1e4997bd1fb9d7822e1.woff2 and /dev/null differ
diff --git a/_static/a61d04152f1635036f0d.woff2 b/_static/a61d04152f1635036f0d.woff2
deleted file mode 100644
index f2ca96c3..00000000
Binary files a/_static/a61d04152f1635036f0d.woff2 and /dev/null differ
diff --git a/_static/a63d39a1c104a2b3e87e.woff2 b/_static/a63d39a1c104a2b3e87e.woff2
new file mode 100644
index 00000000..3149aacf
Binary files /dev/null and b/_static/a63d39a1c104a2b3e87e.woff2 differ
diff --git a/_static/awesome-docsearch.css b/_static/awesome-docsearch.css
index 44bb2517..3332a0a4 100644
--- a/_static/awesome-docsearch.css
+++ b/_static/awesome-docsearch.css
@@ -1 +1 @@
-:root{--docsearch-primary-color:hsl(var(--primary));--docsearch-muted-color:hsl(var(--muted-foreground));--docsearch-key-gradient:transparent;--docsearch-key-shadow:transparent;--docsearch-text-color:hsl(var(--popover-foreground));--docsearch-modal-width:760px;--docsearch-modal-background:hsl(var(--popover));--docsearch-footer-background:hsl(var(--popover));--docsearch-searchbox-focus-background:hsl(var(--popover));--docsearch-container-background:hsl(var(--background)/0.8);--docsearch-spacing:0.5rem;--docsearch-hit-active-color:hsl(var(--accent-foreground));--docsearch-hit-background:transparent;--docsearch-searchbox-shadow:none;--docsearch-hit-shadow:none;--docsearch-modal-shadow:none;--docsearch-footer-shadow:none}.DocSearch-Button{background-color:transparent;border-color:hsl(var(--input));border-radius:.5em;border-style:solid;border-width:1px;display:flex;font-size:.875rem;line-height:1.25rem;width:90%;--tw-ring-offset-color:hsl(var(--background));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.DocSearch-Button:hover{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.DocSearch-Button:focus,.DocSearch-Button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.DocSearch-Button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px}.DocSearch-Button-Placeholder{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem}.DocSearch-Button-Key{background-color:hsl(var(--muted));border-color:hsl(var(--border));border-radius:.25rem;border-style:solid;border-width:1px;color:hsl(var(--muted-foreground));font-size:12px}.DocSearch-Container{position:fixed;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.DocSearch-Modal{border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px}.DocSearch-SearchBar{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:1px;border-color:hsl(var(--input));border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:0}.DocSearch-Form{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.DocSearch-Cancel{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}.DocSearch-MagnifierLabel,.DocSearch-Search-Icon{stroke-width:2;opacity:.5}.DocSearch-Hit-source{color:hsl(var(--muted-foreground))}.DocSearch-Hit,.DocSearch-Hit a{border-radius:calc(var(--radius) - 4px)}.DocSearch-Hit a:focus-visible{outline-offset:-2px}.DocSearch-Hit[aria-selected=true] a{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.DocSearch-Commands{display:none}.DocSearch-Footer{border-color:hsl(var(--border));border-top-width:1px}
+:root{--docsearch-primary-color:hsl(var(--primary));--docsearch-muted-color:hsl(var(--muted-foreground));--docsearch-key-gradient:transparent;--docsearch-key-shadow:transparent;--docsearch-text-color:hsl(var(--popover-foreground));--docsearch-modal-width:760px;--docsearch-modal-background:hsl(var(--popover));--docsearch-footer-background:hsl(var(--popover));--docsearch-searchbox-focus-background:hsl(var(--popover));--docsearch-container-background:hsl(var(--background)/0.8);--docsearch-spacing:0.5rem;--docsearch-hit-active-color:hsl(var(--accent-foreground));--docsearch-hit-background:transparent;--docsearch-searchbox-shadow:none;--docsearch-hit-shadow:none;--docsearch-modal-shadow:none;--docsearch-footer-shadow:none}.DocSearch-Button{background-color:initial;border-color:hsl(var(--input));border-radius:.5em;border-style:solid;border-width:1px;display:flex;font-size:.875rem;line-height:1.25rem;width:90%;--tw-ring-offset-color:hsl(var(--background));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.DocSearch-Button:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.DocSearch-Button:focus,.DocSearch-Button:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.DocSearch-Button:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring));--tw-ring-offset-width:2px}.DocSearch-Button-Placeholder{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem}.DocSearch-Button-Key{background-color:hsl(var(--muted));border-color:hsl(var(--border));border-radius:.25rem;border-style:solid;border-width:1px;color:hsl(var(--muted-foreground));font-size:12px}.DocSearch-Container{position:fixed;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.DocSearch-Modal{border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px}.DocSearch-SearchBar{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:1px;border-color:hsl(var(--input));border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:0}.DocSearch-Form{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.DocSearch-Cancel{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}.DocSearch-MagnifierLabel,.DocSearch-Search-Icon{stroke-width:2;opacity:.5}.DocSearch-Hit-source{color:hsl(var(--muted-foreground))}.DocSearch-Hit,.DocSearch-Hit a{border-radius:calc(var(--radius) - 4px)}.DocSearch-Hit a:focus-visible{outline-offset:-2px}.DocSearch-Hit[aria-selected=true] a{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.DocSearch-Commands{display:none}.DocSearch-Footer{border-color:hsl(var(--border));border-top-width:1px}
diff --git a/_static/awesome-sphinx-design.css b/_static/awesome-sphinx-design.css
index 28aa7e1d..a13c5d8f 100644
--- a/_static/awesome-sphinx-design.css
+++ b/_static/awesome-sphinx-design.css
@@ -1 +1 @@
-:root{--sd-color-tabs-label-active:hsl(var(--foreground));--sd-color-tabs-underline-active:hsl(var(--accent-foreground));--sd-color-tabs-label-hover:hsl(var(--accent-foreground));--sd-color-tabs-overline:hsl(var(--border));--sd-color-tabs-underline:hsl(var(--border))}.sd-card{background-color:hsl(var(--card));border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;color:hsl(var(--card-foreground));margin-top:1.5rem}.sd-container-fluid{margin-bottom:1.5rem;margin-top:1.5rem}.sd-card-title{font-weight:600!important}.sd-summary-title{color:hsl(var(--muted-foreground));font-weight:500!important}.sd-card-footer,.sd-card-header{font-size:.875rem;line-height:1.25rem}.sd-tab-set{margin-top:1.5rem}.sd-tab-content>p{margin-bottom:1.5rem}.sd-tab-content pre:first-of-type{margin-top:0}.sd-tab-set>label{font-weight:500;letter-spacing:.05em}details.sd-dropdown,details.sd-dropdown:not([open])>.sd-card-header{border-color:hsl(var(--border))}details.sd-dropdown summary:focus{outline-style:solid}.sd-cards-carousel{overflow-x:auto}.sd-shadow-sm{--tw-shadow:0 0 transparent!important;--tw-shadow-colored:0 0 transparent!important;box-shadow:0 0 transparent,0 0 transparent,0 0 transparent!important;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}
+:root{--sd-color-tabs-label-active:hsl(var(--foreground));--sd-color-tabs-underline-active:hsl(var(--accent-foreground));--sd-color-tabs-label-hover:hsl(var(--accent-foreground));--sd-color-tabs-overline:hsl(var(--border));--sd-color-tabs-underline:hsl(var(--border))}.sd-card{background-color:hsl(var(--card));border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;color:hsl(var(--card-foreground));margin-top:1.5rem}.sd-container-fluid{margin-bottom:1.5rem;margin-top:1.5rem}.sd-card-title{font-weight:600!important}.sd-summary-title{color:hsl(var(--muted-foreground));font-weight:500!important}.sd-card-footer,.sd-card-header{font-size:.875rem;line-height:1.25rem}.sd-tab-set{margin-top:1.5rem}.sd-tab-content>p{margin-bottom:1.5rem}.sd-tab-content pre:first-of-type{margin-top:0}.sd-tab-set>label{font-weight:500;letter-spacing:.05em}details.sd-dropdown,details.sd-dropdown:not([open])>.sd-card-header{border-color:hsl(var(--border))}details.sd-dropdown summary:focus{outline-style:solid}.sd-cards-carousel{overflow-x:auto}.sd-shadow-sm{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}
diff --git a/_static/b659956119f91f2342bc.woff2 b/_static/b659956119f91f2342bc.woff2
new file mode 100644
index 00000000..69e029cd
Binary files /dev/null and b/_static/b659956119f91f2342bc.woff2 differ
diff --git a/_static/bb50084be2b43ba7b98c.woff2 b/_static/bb50084be2b43ba7b98c.woff2
new file mode 100644
index 00000000..be878e68
Binary files /dev/null and b/_static/bb50084be2b43ba7b98c.woff2 differ
diff --git a/_static/c226d7283d0d52c2d32c.woff b/_static/c226d7283d0d52c2d32c.woff
deleted file mode 100644
index c56a9bf0..00000000
Binary files a/_static/c226d7283d0d52c2d32c.woff and /dev/null differ
diff --git a/_static/ce1e40901d7a0d88d483.woff2 b/_static/ce1e40901d7a0d88d483.woff2
new file mode 100644
index 00000000..3a4e333f
Binary files /dev/null and b/_static/ce1e40901d7a0d88d483.woff2 differ
diff --git a/_static/d04352f240062b100fba.woff2 b/_static/d04352f240062b100fba.woff2
new file mode 100644
index 00000000..58588733
Binary files /dev/null and b/_static/d04352f240062b100fba.woff2 differ
diff --git a/_static/f1cdf5c21de970ee0592.woff b/_static/f1cdf5c21de970ee0592.woff
new file mode 100644
index 00000000..4342415a
Binary files /dev/null and b/_static/f1cdf5c21de970ee0592.woff differ
diff --git a/_static/fd994e8d90d9cab651b0.woff b/_static/fd994e8d90d9cab651b0.woff
new file mode 100644
index 00000000..3c971ffe
Binary files /dev/null and b/_static/fd994e8d90d9cab651b0.woff differ
diff --git a/_static/theme.css b/_static/theme.css
index 1ec08e47..0cb87619 100644
--- a/_static/theme.css
+++ b/_static/theme.css
@@ -1,9 +1,9 @@
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:400;src:url(a1e4997bd1fb9d7822e1.woff2) format("woff2"),url(70e1dc5f5622381d6e9e.woff) format("woff")}
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(2fe080a3bf49bdc12fcb.woff2) format("woff2"),url(c226d7283d0d52c2d32c.woff) format("woff")}
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:500;src:url(4f183a25813446a47ad9.woff2) format("woff2"),url(63a0f5d460fb58135365.woff) format("woff")}
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(a61d04152f1635036f0d.woff2) format("woff2"),url(39bd78ffb50669d6855a.woff) format("woff")}
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:700;src:url(5f68b8c26e28d783a591.woff2) format("woff2"),url(1d5fc702ab9000c3247a.woff) format("woff")}
-@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(0fecf1cc5677455886b4.woff2) format("woff2"),url(84504970850f0632d9c3.woff) format("woff")}
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:400;src:url(76c1862325ea6f70eeff.woff2) format("woff2"),url(fd994e8d90d9cab651b0.woff) format("woff")}
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(d04352f240062b100fba.woff2) format("woff2"),url(0fc70aa4dfe4d16d7073.woff) format("woff")}
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:500;src:url(a63d39a1c104a2b3e87e.woff2) format("woff2"),url(83710c128240451d95af.woff) format("woff")}
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(bb50084be2b43ba7b98c.woff2) format("woff2"),url(f1cdf5c21de970ee0592.woff) format("woff")}
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:italic;font-weight:700;src:url(b659956119f91f2342bc.woff2) format("woff2"),url(583e3f428bf2362b546d.woff) format("woff")}
+@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(ce1e40901d7a0d88d483.woff2) format("woff2"),url(5be6ec379613f10aea3f.woff) format("woff")}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 
-/*! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 100% 50%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:0.5rem}.dark{--background:224 71% 4%;--foreground:213 31% 91%;--muted:223 47% 11%;--muted-foreground:215.4 16.3% 56.9%;--accent:216 34% 17%;--accent-foreground:210 40% 98%;--popover:224 71% 4%;--popover-foreground:215 20.2% 65.1%;--border:216 34% 17%;--input:216 34% 17%;--card:224 71% 4%;--card-foreground:213 31% 91%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 1.2%;--secondary:222.2 47.4% 11.2%;--secondary-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--ring:216 34% 17%;--radius:0.5rem}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}#content svg{display:inline}#content hr{border-color:#e1e7ef;border-color:hsl(var(--border));margin-bottom:1rem;margin-top:1rem}@media (min-width:768px){#content hr{margin-bottom:1.5rem;margin-top:1.5rem}}#content h1{font-size:2.25rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem}#content h2{border-bottom-width:1px;border-color:#e1e7ef;border-color:hsl(var(--border));font-size:1.875rem;font-weight:600;line-height:2.25rem;margin-top:3rem;padding-bottom:.5rem}#content h3{font-size:1.5rem;font-weight:600;line-height:2rem;margin-top:2rem}#content .rubric,#content h4{font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-top:2rem}#content section{scroll-margin:5rem}#content section>p{line-height:1.75rem;margin-top:1.5rem}#content section>p:first-child{margin-top:0}#content section>p.lead{color:#65758b;color:hsl(var(--muted-foreground));font-size:1.125rem;line-height:1.75rem}#content .centered{text-align:center}#content a.viewcode-back{color:#65758b!important;color:hsl(var(--muted-foreground))!important;position:absolute;right:0}#content a:not(.toc-backref){color:#0f1729;color:hsl(var(--primary));font-weight:500;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:4px}#content ul:not(.search){list-style-type:disc;margin-left:1.5rem;margin-top:1.5rem}#content ul:not(.search) p,#content ul:not(.search)>li{margin-top:1.5rem}#content ul:not(.search) ul{margin-top:0}#content ol{list-style-type:decimal;margin-left:1.5rem;margin-top:1.5rem}#content ol ::marker{font-weight:500}#content ol::marker{font-weight:500}#content ol p,#content ol>li{margin-top:1.5rem}#content ol ol{margin-top:0}#content dl{margin-top:1.5rem}#content dl dt:not(.sig){font-weight:500;margin-top:1.5rem}#content dl dt:not(.sig):first-child{margin-bottom:0;margin-top:0}#content dl dd{margin-left:1.5rem}#content dl p{margin-bottom:.5rem;margin-top:.5rem}#content .align-center{margin-left:auto;margin-right:auto;text-align:center}#content .align-right{margin-left:auto;text-align:right}#content img{margin-top:1.5rem}#content figure img{display:inline-block}#content figcaption{color:#65758b;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;margin-bottom:3rem}#content figcaption>*{margin-top:1rem}blockquote{border-left-width:2px;font-style:italic;margin-bottom:1.5rem;margin-top:1.5rem;padding-left:1.5rem}blockquote .attribution{font-style:normal;margin-top:.5rem}table{font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-top:1.5rem;width:100%}table caption{color:#65758b;color:hsl(var(--muted-foreground));margin-bottom:1.5rem;text-align:left}table thead{border-bottom-width:1px;border-color:#e1e7ef;border-color:hsl(var(--border))}table th{font-weight:500;padding-bottom:.5rem;padding-left:.5rem;text-align:left}table th:first-child{padding-left:0}table th:is(.dark *){font-weight:600}table tbody tr{border-bottom-width:1px;border-color:#e1e7ef;border-color:hsl(var(--border))}table tbody td{padding:.5rem}table tbody td:first-child{padding-left:0}.footnote>.label{float:left;padding-right:.5rem}.footnote>:not(.label){margin-bottom:1.5rem;margin-left:2rem;margin-top:1.5rem}.footnote .footnote-reference,.footnote [role=doc-backlink]{text-decoration-line:none!important}.admonition{background-color:#fff;background-color:hsl(var(--background));border-color:#e1e7ef;border-color:hsl(var(--border));border-radius:.5rem;border-radius:var(--radius);border-width:1px;color:#0f1729;color:hsl(var(--foreground));font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-top:1.5rem;padding:1rem}.admonition p:not(.admonition-title){margin-top:.5rem}.admonition .admonition-title{margin-top:0!important}.admonition-title{font-weight:500}.dark .admonition-title{font-weight:600;letter-spacing:.025em}.note{--tw-border-opacity:1;border-color:#0284c7;border-color:rgba(2,132,199,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:#f0f9ff;background-color:rgba(240,249,255,var(--tw-bg-opacity));--tw-text-opacity:1;color:#0c4a6e;color:rgba(12,74,110,var(--tw-text-opacity))}.dark .note{background-color:rgba(96,165,250,.15);--tw-text-opacity:1;color:#e0f2fe;color:rgba(224,242,254,var(--tw-text-opacity))}.hint,.tip{--tw-border-opacity:1;border-color:#16a34a;border-color:rgba(22,163,74,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgba(240,253,244,var(--tw-bg-opacity));--tw-text-opacity:1;color:#14532d;color:rgba(20,83,45,var(--tw-text-opacity))}.dark .hint,.dark .tip{background-color:rgba(74,222,128,.15);--tw-text-opacity:1;color:#dcfce7;color:rgba(220,252,231,var(--tw-text-opacity))}.danger,.error{--tw-border-opacity:1;border-color:#dc2626;border-color:rgba(220,38,38,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgba(254,242,242,var(--tw-bg-opacity));--tw-text-opacity:1;color:#7f1d1d;color:rgba(127,29,29,var(--tw-text-opacity))}.dark .danger,.dark .error{background-color:hsla(0,91%,71%,.15);--tw-text-opacity:1;color:#fee2e2;color:rgba(254,226,226,var(--tw-text-opacity))}.attention,.caution,.important,.warning{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgba(202,138,4,var(--tw-border-opacity));--tw-bg-opacity:1;background-color:#fefce8;background-color:rgba(254,252,232,var(--tw-bg-opacity));--tw-text-opacity:1;color:#713f12;color:rgba(113,63,18,var(--tw-text-opacity))}.dark .attention,.dark .caution,.dark .important,.dark .warning{background-color:rgba(250,204,21,.15);--tw-text-opacity:1;color:#fef9c3;color:rgba(254,249,195,var(--tw-text-opacity))}div.versionadded{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:#16a34a;border-color:rgba(22,163,74,var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.versionadded p{margin-top:0!important}div.versionadded p:last-child{margin-bottom:0!important}div.versionadded .versionmodified{font-weight:500;--tw-text-opacity:1;color:#14532d;color:rgba(20,83,45,var(--tw-text-opacity))}div.versionadded .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:#22c55e;color:rgba(34,197,94,var(--tw-text-opacity))}div.versionchanged{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:#ca8a04;border-color:rgba(202,138,4,var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.versionchanged p{margin-top:0!important}div.versionchanged p:last-child{margin-bottom:0!important}div.versionchanged .versionmodified{font-weight:500;--tw-text-opacity:1;color:#713f12;color:rgba(113,63,18,var(--tw-text-opacity))}div.versionchanged .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:#eab308;color:rgba(234,179,8,var(--tw-text-opacity))}div.deprecated{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:#dc2626;border-color:rgba(220,38,38,var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.deprecated p{margin-top:0!important}div.deprecated p:last-child{margin-bottom:0!important}div.deprecated .versionmodified{font-weight:500;--tw-text-opacity:1;color:#7f1d1d;color:rgba(127,29,29,var(--tw-text-opacity))}div.deprecated .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:#f87171;color:rgba(248,113,113,var(--tw-text-opacity))}.highlight{background-color:transparent!important;position:relative}.highlight:hover .copy{opacity:1}.highlight .gp,.highlight-pycon .go,.highlight-python .go{-webkit-user-select:none;-moz-user-select:none;user-select:none}.literal-block-wrapper{border-color:#e1e7ef;border-color:hsl(var(--border));border-radius:.5rem;border-radius:var(--radius);border-width:1px;margin-left:0;margin-right:0;margin-top:1.5rem;max-width:none;padding-left:0;padding-right:0}.literal-block-wrapper pre{border-radius:0;border-style:none;margin-top:0}.literal-block-wrapper .code-block-caption{border-bottom-width:1px;border-color:#e1e7ef;border-color:hsl(var(--border));border-top-left-radius:.5rem;border-top-left-radius:var(--radius);border-top-right-radius:.5rem;border-top-right-radius:var(--radius);color:#65758b;color:hsl(var(--muted-foreground));font-size:.875rem;letter-spacing:.025em;line-height:1.25rem;padding:.5rem 1rem}code{background-color:#f1f5f9;background-color:hsl(var(--muted));border-radius:.25rem;font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.2em .3em;position:relative;white-space:nowrap}code .ge,code em{color:#0f1729;color:hsl(var(--accent-foreground));font-weight:700;letter-spacing:.025em}:where(h1,h2,h3,h4,h5,h6) code{font-size:inherit}pre{border-color:#e1e7ef;border-color:hsl(var(--border));border-radius:.5rem;border-radius:var(--radius);border-width:1px;font-size:.875rem;line-height:1.25rem;margin-top:1.5rem;overflow-x:auto;padding-bottom:1rem;padding-top:1rem}pre[data-theme=dark]{background-color:#fff;background-color:hsl(var(--background))}pre[data-theme=light]{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}pre.literal-block{padding-left:1rem;padding-right:1rem}pre code{background-color:transparent;padding:0;white-space:pre}pre code>[id^=line-]{display:block;padding-left:1rem;padding-right:1rem}pre code [id^=line-]:has(.gd),pre code [id^=line-]:has(.gi),pre code [id^=line-]:has(del),pre code [id^=line-]:has(ins),pre code [id^=line-]:has(mark){padding-left:0;padding-right:0}pre code [id^=line-] del,pre code [id^=line-] ins,pre code [id^=line-] mark{display:block;padding-left:1rem;padding-right:1rem;position:relative}pre code [id^=line-] mark{background-color:#f1f5f9;background-color:hsl(var(--muted));color:inherit;--tw-shadow:2px 0 currentColor inset;--tw-shadow-colored:inset 2px 0 var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,inset 2px 0 currentColor;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}pre code [id^=line-] mark:is(.dark *){--tw-bg-opacity:1;background-color:#334155;background-color:rgba(51,65,85,var(--tw-bg-opacity));--tw-shadow:3px 0 currentColor inset;--tw-shadow-colored:inset 3px 0 var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,inset 3px 0 currentColor;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}pre code [id^=line-] ins{background-color:rgba(34,197,94,.3);--tw-text-opacity:1;color:#14532d;color:rgba(20,83,45,var(--tw-text-opacity));text-decoration-line:none}pre code [id^=line-] ins:before{left:2px;position:absolute;--tw-content:"\002b";content:"\002b";content:var(--tw-content)}pre code [id^=line-] ins:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:#bbf7d0;color:rgba(187,247,208,var(--tw-text-opacity))}pre code [id^=line-] del{background-color:rgba(239,68,68,.3);--tw-text-opacity:1;color:#7f1d1d;color:rgba(127,29,29,var(--tw-text-opacity));text-decoration-line:none}pre code [id^=line-] del:before{left:2px;position:absolute;--tw-content:"\2212";content:"\2212";content:var(--tw-content)}pre code [id^=line-] del:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:#fecaca;color:rgba(254,202,202,var(--tw-text-opacity))}pre span.linenos{background-color:transparent!important;padding-left:0;padding-right:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.highlight-diff .gi{background-color:rgba(34,197,94,.3);display:inline-block;padding-left:1rem;padding-right:1rem;width:100%;--tw-text-opacity:1;color:#14532d;color:rgba(20,83,45,var(--tw-text-opacity))}.highlight-diff .gi:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:#bbf7d0;color:rgba(187,247,208,var(--tw-text-opacity))}.highlight-diff .gd{background-color:rgba(239,68,68,.3);display:inline-block;padding-left:1rem;padding-right:1rem;width:100%;--tw-text-opacity:1;color:#7f1d1d;color:rgba(127,29,29,var(--tw-text-opacity))}.highlight-diff .gd:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:#bbf7d0;color:rgba(187,247,208,var(--tw-text-opacity))}.guilabel,.menuselection{border-color:#e1e7ef;border-color:hsl(var(--border));border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px);border-width:1px;color:#0f1729;color:hsl(var(--accent-foreground));font-weight:500;padding:1px .5rem}#content kbd:not(.compound){background-color:#f1f5f9;background-color:hsl(var(--muted));border-radius:.25rem;border-width:1px;font-size:.875rem;font-weight:500;letter-spacing:.025em;line-height:1.25rem;padding:1px .25rem}.sig{border-color:#e1e7ef;border-color:hsl(var(--border));border-top-width:1px;font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;padding-top:1.5rem;scroll-margin:5rem}.sig-name{color:#0f1729;color:hsl(var(--accent-foreground))}em.property{color:#65758b;color:hsl(var(--muted-foreground))}.option .sig-prename{font-style:italic}.viewcode-link{color:#65758b;color:hsl(var(--muted-foreground));float:right}.option-list kbd{background-color:transparent!important;border-style:none!important;font-size:1em!important;font-weight:700!important}.headerlink{align-items:center;display:inline-flex;margin-left:.25rem;position:relative;vertical-align:middle}.headerlink:after{z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:normal;text-shadow:none;text-transform:none;word-wrap:break-word;background-color:#f1f5f9;background-color:hsl(var(--muted));border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px);content:attr(data-tooltip);display:none;pointer-events:none;position:absolute;white-space:pre;--tw-bg-opacity:0.75;color:#65758b;color:hsl(var(--muted-foreground));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:400;line-height:1rem;opacity:0;padding:.25rem;text-align:center;text-decoration-line:none}.headerlink:focus:after,.headerlink:focus:before,.headerlink:hover:after,.headerlink:hover:before{animation-delay:.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:tooltip-appear;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.headerlink:after{margin-top:6px;right:50%;top:100%}.headerlink:before{border-bottom-color:#1a202c;bottom:-7px;margin-right:-6px;right:50%;top:auto}.headerlink:after{margin-right:-16px}.headerlink>*{visibility:hidden;fill:currentColor;color:#65758b;color:hsl(var(--muted-foreground))}.admonition-title:hover .headerlink,.admonition-title:hover .headerlink>*,.code-block-caption:hover .headerlink,.code-block-caption:hover .headerlink>*,.headerlink:focus>*,dt:not(.does-not-exist):hover .headerlink,dt:not(.does-not-exist):hover .headerlink>*,figure:not(.does-not-exist):hover .headerlink,figure:not(.does-not-exist):hover .headerlink>*,h1:not(.does-not-exist):hover .headerlink,h1:not(.does-not-exist):hover .headerlink>*,h2:not(.does-not-exist):hover .headerlink,h2:not(.does-not-exist):hover .headerlink>*,h3:not(.does-not-exist):hover .headerlink,h3:not(.does-not-exist):hover .headerlink>*,h4:not(.does-not-exist):hover .headerlink,h4:not(.does-not-exist):hover .headerlink>*,table:not(.does-not-exist):hover .headerlink,table:not(.does-not-exist):hover .headerlink>*{visibility:visible}#left-sidebar .caption{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:600;line-height:1.25rem;margin-bottom:.25rem;padding:1.5rem .5rem .25rem}#left-sidebar .caption:first-child{padding-top:0}#left-sidebar ul{display:grid;font-size:.875rem;grid-auto-flow:row;grid-auto-rows:max-content;line-height:1.25rem;overflow:hidden;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){#left-sidebar ul{transition-property:none}}#left-sidebar ul ul{margin-left:.75rem;opacity:1;padding:.5rem 0 .5rem .75rem;position:relative;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}#left-sidebar ul ul:before{bottom:.25rem;left:0;position:absolute;top:.25rem;width:1px;--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgba(229,231,235,var(--tw-bg-opacity));--tw-content:"";content:"";content:var(--tw-content)}#left-sidebar ul ul:is(.dark *):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:#262626;background-color:rgba(38,38,38,var(--tw-bg-opacity))}#left-sidebar a{align-items:center;border-color:transparent;border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px);border-width:1px;display:flex;padding:.375rem .5rem;width:100%}#left-sidebar a:hover{text-decoration-line:underline}#left-sidebar a:focus-visible{outline-offset:-1px}#left-sidebar a>button{border-radius:.25rem;color:#65758b;color:hsl(var(--muted-foreground))}#left-sidebar a>button:hover{background-color:rgba(15,23,41,.1);background-color:hsl(var(--primary)/.1)}#left-sidebar a>button>svg{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#left-sidebar a.current{background-color:#f1f5f9;background-color:hsl(var(--accent));border-color:#e1e7ef;border-color:hsl(var(--border));border-width:1px;color:#0f1729;color:hsl(var(--accent-foreground));font-weight:500}#left-sidebar a.expandable{justify-content:space-between}#left-sidebar a.expandable.expanded>button>svg{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#right-sidebar ul{margin:0}#right-sidebar ul li{margin-top:0;padding-top:.5rem}#right-sidebar ul li a{color:#65758b;color:hsl(var(--muted-foreground));display:inline-block;text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#right-sidebar ul li a:hover{color:#0f1729;color:hsl(var(--foreground))}#right-sidebar ul li a:focus-visible{outline-offset:-1px}#right-sidebar ul li a[data-current=true]{color:#0f1729;color:hsl(var(--foreground));font-weight:500}#right-sidebar ul li ul{padding-left:1rem}#right-sidebar ul:not(:last-child){padding-bottom:.5rem}.contents>:not([hidden])~:not([hidden]),.toctree-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:.5rem;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.contents,.toctree-wrapper{font-size:.875rem;line-height:1.25rem}.contents .caption,.contents .topic-title,.toctree-wrapper .caption,.toctree-wrapper .topic-title{font-weight:500;padding-top:1.5rem}.contents ul,.toctree-wrapper ul{list-style-type:none!important;margin:0!important}.contents ul li a.reference,.toctree-wrapper ul li a.reference{color:#65758b!important;color:hsl(var(--muted-foreground))!important;display:inline-block;font-weight:400!important;text-decoration-line:none!important;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.contents ul li a.reference:hover,.toctree-wrapper ul li a.reference:hover{color:#0f1729;color:hsl(var(--foreground))}.contents ul li ul,.toctree-wrapper ul li ul{padding-left:1rem}.contents ul:not(:last-child),.toctree-wrapper ul:not(:last-child){padding-bottom:.5rem}#search-results .search-summary{color:#65758b;color:hsl(var(--muted-foreground));font-size:1.25rem;line-height:1.75rem;margin-top:1.5rem}#search-results ul.search,#search-results ul.search li{margin-top:1.5rem}#search-results ul.search .context{color:#65758b;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.highlighted{background-color:#f1f5f9;background-color:hsl(var(--accent));text-decoration-line:underline;text-decoration-thickness:2px}.highlight-link{border-color:#e1e7ef;border-color:hsl(var(--border));border-radius:.5rem;border-radius:var(--radius);border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;position:fixed;right:.5rem;top:4rem}.highlight-link:hover{background-color:#f1f5f9;background-color:hsl(var(--accent))}@media (min-width:1024px){.highlight-link{right:4rem}}.tooltipped{position:relative}.tooltipped:after{z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:normal;text-shadow:none;text-transform:none;word-wrap:break-word;background-color:#f1f5f9;background-color:hsl(var(--muted));border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px);content:attr(data-tooltip);display:none;pointer-events:none;position:absolute;white-space:pre;--tw-bg-opacity:0.75;color:#65758b;color:hsl(var(--muted-foreground));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:400;line-height:1rem;opacity:0;padding:.25rem;text-align:center;text-decoration-line:none}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.tooltipped:focus:after,.tooltipped:focus:before,.tooltipped:hover:after,.tooltipped:hover:before{animation-delay:.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:tooltip-appear;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.tooltipped-no-delay:focus:after,.tooltipped-no-delay:focus:before,.tooltipped-no-delay:hover:after,.tooltipped-no-delay:hover:before{animation-delay:0s}.tooltipped-multiline:focus:after,.tooltipped-multiline:hover:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{margin-top:6px;right:50%;top:100%}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{border-bottom-color:#1a202c;bottom:-7px;margin-right:-6px;right:50%;top:auto}.tooltipped-se:after{left:50%;margin-left:-16px;right:auto}.tooltipped-sw:after{margin-right:-16px}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{bottom:100%;margin-bottom:6px;right:50%}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{border-top-color:#1a202c;bottom:auto;margin-right:-6px;right:50%;top:-7px}.tooltipped-ne:after{left:50%;margin-left:-16px;right:auto}.tooltipped-nw:after{margin-right:-16px}.tooltipped-n:after,.tooltipped-s:after{transform:translateX(50%)}.tooltipped-w:after{bottom:50%;margin-right:6px;right:100%;transform:translateY(50%)}.tooltipped-w:before{border-left-color:#1a202c;bottom:50%;left:-7px;margin-top:-6px;top:50%}.tooltipped-e:after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%)}.tooltipped-e:before{border-right-color:#1a202c;bottom:50%;margin-top:-6px;right:-7px;top:50%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{left:0;right:0}.inset-0,.inset-y-0{bottom:0;top:0}.bottom-8{bottom:2rem}.left-0{left:0}.right-1\.5{right:.375rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mt-10{margin-top:-2.5rem}.mb-4{margin-bottom:1rem}.mb-\[2px\]{margin-bottom:2px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[14px\]{height:14px}.h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.h-full{height:100%}.max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)}.max-h-\[calc\(var\(--vh\)-4rem\)\]{max-height:calc(var(--vh) - 4rem)}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[14px\]{width:14px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-prose{max-width:65ch}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;transform:translate(-100%,var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1)}.scale-100,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:.25rem;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:.5rem;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:1.5rem;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:.5rem;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:#e1e7ef;border-color:hsl(var(--border))}.border-input{border-color:#e1e7ef;border-color:hsl(var(--input))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-background\/80{background-color:hsla(0,0%,100%,.8);background-color:hsl(var(--background)/.8)}.bg-background\/95{background-color:hsla(0,0%,100%,.95);background-color:hsl(var(--background)/.95)}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgba(55,65,81,var(--tw-bg-opacity))}.bg-muted{background-color:#f1f5f9;background-color:hsl(var(--muted))}.bg-transparent{background-color:transparent}.fill-current{fill:currentColor}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-loose{line-height:2}.text-foreground{color:#0f1729;color:hsl(var(--foreground))}.text-foreground\/60{color:rgba(15,23,41,.6);color:hsl(var(--foreground)/.6)}.text-muted-foreground{color:#65758b;color:hsl(var(--muted-foreground))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgba(185,28,28,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(4px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}[x-cloak]{display:none!important}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.hover\:bg-accent:hover{background-color:#f1f5f9;background-color:hsl(var(--accent))}.hover\:bg-gray-950:hover{--tw-bg-opacity:1;background-color:#030712;background-color:rgba(3,7,18,var(--tw-bg-opacity))}.hover\:bg-muted:hover{background-color:#f1f5f9;background-color:hsl(var(--muted))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent-foreground:hover{color:#0f1729;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0f1729;color:hsl(var(--foreground))}.hover\:text-foreground\/80:hover{color:rgba(15,23,41,.8);color:hsl(var(--foreground)/.8)}.hover\:placeholder-accent-foreground:hover::-moz-placeholder{color:#0f1729;color:hsl(var(--accent-foreground))}.hover\:placeholder-accent-foreground:hover::placeholder{color:#0f1729;color:hsl(var(--accent-foreground))}.hover\:opacity-100:hover{opacity:1}.focus\:translate-x-0:focus{--tw-translate-x:0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:bg-accent:focus{background-color:#f1f5f9;background-color:hsl(var(--accent))}.focus\:bg-gray-950:focus{--tw-bg-opacity:1;background-color:#030712;background-color:rgba(3,7,18,var(--tw-bg-opacity))}.focus\:text-accent-foreground:focus{color:#0f1729;color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-offset-\[-1px\]:focus-visible{outline-offset:-1px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:bg-accent{background-color:#f1f5f9;background-color:hsl(var(--accent))}.group:hover .group-hover\:text-accent-foreground{color:#0f1729;color:hsl(var(--accent-foreground))}.dark .dark\:block{display:block}.dark .dark\:hidden{display:none}.dark .dark\:-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark .dark\:rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark .dark\:scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark .dark\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark .dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) invert(100%) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:1rem;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:0;margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:pr-12{padding-right:3rem}}@media (min-width:768px){.md\:sticky{position:sticky}.md\:top-14{top:3.5rem}.md\:z-30{z-index:30}.md\:my-0{margin-bottom:0;margin-top:0}.md\:-ml-2{margin-left:-.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:\!hidden{display:none!important}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.md\:h-auto{height:auto}.md\:w-40{width:10rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:flex-none{flex:none}.md\:translate-x-0{--tw-translate-x:0px;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-\[220px_minmax\(0\2c 1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:gap-2{gap:.5rem}.md\:gap-6{gap:1.5rem}.md\:overflow-auto{overflow:auto}.md\:bg-transparent{background-color:transparent}.md\:p-0{padding:0}.md\:px-0{padding-left:0;padding-right:0}.md\:py-0{padding-bottom:0;padding-top:0}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:my-8{margin-bottom:2rem;margin-top:2rem}.lg\:w-64{width:16rem}.lg\:grid-cols-\[240px_minmax\(0\2c 1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:gap-10{gap:2.5rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid{display:grid}.xl\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}}
+/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 100% 50%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:0.5rem}.dark{--background:224 71% 4%;--foreground:213 31% 91%;--muted:223 47% 11%;--muted-foreground:215.4 16.3% 56.9%;--accent:216 34% 17%;--accent-foreground:210 40% 98%;--popover:224 71% 4%;--popover-foreground:215 20.2% 65.1%;--border:216 34% 17%;--input:216 34% 17%;--card:224 71% 4%;--card-foreground:213 31% 91%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 1.2%;--secondary:222.2 47.4% 11.2%;--secondary-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--ring:216 34% 17%;--radius:0.5rem}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}#content svg{display:inline}#content hr{border-color:hsl(var(--border));margin-bottom:1rem;margin-top:1rem}@media (min-width:768px){#content hr{margin-bottom:1.5rem;margin-top:1.5rem}}#content h1{font-size:2.25rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem}#content h2{border-bottom-width:1px;border-color:hsl(var(--border));font-size:1.875rem;font-weight:600;line-height:2.25rem;margin-top:3rem;padding-bottom:.5rem}#content h3{font-size:1.5rem;font-weight:600;line-height:2rem;margin-top:2rem}#content .rubric,#content h4{font-size:1.25rem;font-weight:600;line-height:1.75rem;margin-top:2rem}#content section{scroll-margin:5rem}#content section>p{line-height:1.75rem;margin-top:1.5rem}#content section>p:first-child{margin-top:0}#content section>p.lead{color:hsl(var(--muted-foreground));font-size:1.125rem;line-height:1.75rem}#content .centered{text-align:center}#content a.viewcode-back{color:hsl(var(--muted-foreground))!important;position:absolute;right:0}#content a:not(.toc-backref){color:hsl(var(--primary));font-weight:500;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:4px}#content ul:not(.search){list-style-type:disc;margin-left:1.5rem;margin-top:1.5rem}#content ul:not(.search) p,#content ul:not(.search)>li{margin-top:1.5rem}#content ul:not(.search) ul{margin-top:0}#content ol{list-style-type:decimal;margin-left:1.5rem;margin-top:1.5rem}#content ol ::marker{font-weight:500}#content ol::marker{font-weight:500}#content ol p,#content ol>li{margin-top:1.5rem}#content ol ol{margin-top:0}#content dl{margin-top:1.5rem}#content dl dt:not(.sig){font-weight:500;margin-top:1.5rem}#content dl dt:not(.sig):first-child{margin-bottom:0;margin-top:0}#content dl dd{margin-left:1.5rem}#content dl p{margin-bottom:.5rem;margin-top:.5rem}#content .align-center{margin-left:auto;margin-right:auto;text-align:center}#content .align-right{margin-left:auto;text-align:right}#content img{margin-top:1.5rem}#content figure img{display:inline-block}#content figcaption{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;margin-bottom:3rem}#content figcaption>*{margin-top:1rem}blockquote{border-left-width:2px;font-style:italic;margin-bottom:1.5rem;margin-top:1.5rem;padding-left:1.5rem}blockquote .attribution{font-style:normal;margin-top:.5rem}table{font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-top:1.5rem;width:100%}table caption{color:hsl(var(--muted-foreground));margin-bottom:1.5rem;text-align:left}table thead{border-bottom-width:1px;border-color:hsl(var(--border))}table th{font-weight:500;padding-bottom:.5rem;padding-left:.5rem;text-align:left}table th:first-child{padding-left:0}table th:is(.dark *){font-weight:600}table tbody tr{border-bottom-width:1px;border-color:hsl(var(--border))}table tbody td{padding:.5rem}table tbody td:first-child{padding-left:0}.footnote>.label{float:left;padding-right:.5rem}.footnote>:not(.label){margin-bottom:1.5rem;margin-left:2rem;margin-top:1.5rem}.footnote .footnote-reference,.footnote [role=doc-backlink]{text-decoration-line:none!important}.admonition{background-color:hsl(var(--background));border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;color:hsl(var(--foreground));font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-top:1.5rem;padding:1rem}.admonition p:not(.admonition-title){margin-top:.5rem}.admonition .admonition-title{margin-top:0!important}.admonition-title{font-weight:500}.admonition-title:is(.dark *){font-weight:600;letter-spacing:.025em}.note{--tw-border-opacity:1;border-color:rgb(2 132 199/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity))}.note:is(.dark *){background-color:rgba(96,165,250,.15);--tw-text-opacity:1;color:rgb(224 242 254/var(--tw-text-opacity))}.hint,.tip{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.hint:is(.dark *),.tip:is(.dark *){background-color:rgba(74,222,128,.15);--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.danger,.error{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.danger:is(.dark *),.error:is(.dark *){background-color:hsla(0,91%,71%,.15);--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}.attention,.caution,.important,.warning{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity))}.attention:is(.dark *),.caution:is(.dark *),.important:is(.dark *),.warning:is(.dark *){background-color:rgba(250,204,21,.15);--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity))}div.versionadded{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.versionadded p{margin-top:0!important}div.versionadded p:last-child{margin-bottom:0!important}div.versionadded .versionmodified{font-weight:500;--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}div.versionadded .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}div.versionchanged{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.versionchanged p{margin-top:0!important}div.versionchanged p:last-child{margin-bottom:0!important}div.versionchanged .versionmodified{font-weight:500;--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity))}div.versionchanged .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}div.deprecated{border-left-width:3px;margin-top:1rem;--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;padding:.25rem 1rem}div.deprecated p{margin-top:0!important}div.deprecated p:last-child{margin-bottom:0!important}div.deprecated .versionmodified{font-weight:500;--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}div.deprecated .versionmodified:is(.dark *){letter-spacing:.025em;--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.highlight{background-color:initial!important;position:relative}.highlight:hover .copy{opacity:1}.highlight .gp,.highlight-pycon .go,.highlight-python .go{-webkit-user-select:none;-moz-user-select:none;user-select:none}.literal-block-wrapper{border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;margin-left:0;margin-right:0;margin-top:1.5rem;max-width:none;padding-left:0;padding-right:0}.literal-block-wrapper pre{border-radius:0;border-style:none;margin-top:0}.literal-block-wrapper .code-block-caption{border-bottom-width:1px;border-color:hsl(var(--border));border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);color:hsl(var(--muted-foreground));font-size:.875rem;letter-spacing:.025em;line-height:1.25rem;padding:.5rem 1rem}code{background-color:hsl(var(--muted));border-radius:.25rem;font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.2em .3em;position:relative;white-space:nowrap}code .ge,code em{color:hsl(var(--accent-foreground));font-weight:700;letter-spacing:.025em}:where(h1,h2,h3,h4,h5,h6) code{font-size:inherit}pre{border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;font-size:.875rem;line-height:1.25rem;margin-top:1.5rem;overflow-x:auto;padding-bottom:1rem;padding-top:1rem}pre[data-theme=dark]{background-color:hsl(var(--background))}pre[data-theme=light]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}pre.literal-block{padding-left:1rem;padding-right:1rem}pre code{background-color:initial;padding:0;white-space:pre}pre code>[id^=line-]{display:block;padding-left:1rem;padding-right:1rem}pre code [id^=line-]:has(.gd),pre code [id^=line-]:has(.gi),pre code [id^=line-]:has(del),pre code [id^=line-]:has(ins),pre code [id^=line-]:has(mark){padding-left:0;padding-right:0}pre code [id^=line-] del,pre code [id^=line-] ins,pre code [id^=line-] mark{display:block;padding-left:1rem;padding-right:1rem;position:relative}pre code [id^=line-] mark{background-color:hsl(var(--muted));color:inherit;--tw-shadow:2px 0 currentColor inset;--tw-shadow-colored:inset 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}pre code [id^=line-] mark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity));--tw-shadow:3px 0 currentColor inset;--tw-shadow-colored:inset 3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}pre code [id^=line-] ins{background-color:rgba(34,197,94,.3);--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity));text-decoration-line:none}pre code [id^=line-] ins:before{left:2px;position:absolute;--tw-content:"\002b";content:var(--tw-content)}pre code [id^=line-] ins:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}pre code [id^=line-] del{background-color:rgba(239,68,68,.3);--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity));text-decoration-line:none}pre code [id^=line-] del:before{left:2px;position:absolute;--tw-content:"\2212";content:var(--tw-content)}pre code [id^=line-] del:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}pre span.linenos{background-color:initial!important;padding-left:0;padding-right:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.highlight-diff .gi{background-color:rgba(34,197,94,.3);display:inline-block;padding-left:1rem;padding-right:1rem;width:100%;--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}.highlight-diff .gi:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.highlight-diff .gd{background-color:rgba(239,68,68,.3);display:inline-block;padding-left:1rem;padding-right:1rem;width:100%;--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.highlight-diff .gd:is(.dark *){--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.guilabel,.menuselection{border-color:hsl(var(--border));border-radius:calc(var(--radius) - 4px);border-width:1px;color:hsl(var(--accent-foreground));font-weight:500;padding:1px .5rem}#content kbd:not(.compound){background-color:hsl(var(--muted));border-radius:.25rem;border-width:1px;font-size:.875rem;font-weight:500;letter-spacing:.025em;line-height:1.25rem;padding:1px .25rem}.sig{border-color:hsl(var(--border));border-top-width:1px;font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;padding-top:1.5rem;scroll-margin:5rem}.sig-name{color:hsl(var(--accent-foreground))}em.property{color:hsl(var(--muted-foreground))}.option .sig-prename{font-style:italic}.viewcode-link{color:hsl(var(--muted-foreground));float:right}.option-list kbd{background-color:initial!important;border-style:none!important;font-size:1em!important;font-weight:700!important}dt .classifier{font-style:italic}dt .classifier:before{margin-right:.5rem;--tw-content:":";content:var(--tw-content)}.headerlink{align-items:center;display:inline-flex;margin-left:.25rem;position:relative;vertical-align:middle}.headerlink:after{z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:normal;text-shadow:none;text-transform:none;word-wrap:break-word;background-color:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);content:attr(data-tooltip);display:none;pointer-events:none;position:absolute;white-space:pre;--tw-bg-opacity:0.75;color:hsl(var(--muted-foreground));font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:400;line-height:1rem;opacity:0;padding:.25rem;text-align:center;text-decoration-line:none}.headerlink:focus:after,.headerlink:focus:before,.headerlink:hover:after,.headerlink:hover:before{animation-delay:.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:tooltip-appear;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.headerlink:after{margin-top:6px;right:50%;top:100%}.headerlink:before{border-bottom-color:#1a202c;bottom:-7px;margin-right:-6px;right:50%;top:auto}.headerlink:after{margin-right:-16px}.headerlink>*{visibility:hidden;fill:currentColor;color:hsl(var(--muted-foreground))}.headerlink:focus>*{visibility:visible}:is(h1,h2,h3,h4,table,.admonition-title,figure,dt,.code-block-caption):hover .headerlink{visibility:visible}:is(h1,h2,h3,h4,table,.admonition-title,figure,dt,.code-block-caption):hover .headerlink>*{visibility:visible}#left-sidebar .caption{border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:600;line-height:1.25rem;margin-bottom:.25rem;padding:1.5rem .5rem .25rem}#left-sidebar .caption:first-child{padding-top:0}#left-sidebar ul{display:grid;font-size:.875rem;grid-auto-flow:row;grid-auto-rows:max-content;line-height:1.25rem;overflow:hidden;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){#left-sidebar ul{transition-property:none}}#left-sidebar ul ul{margin-left:.75rem;opacity:1;padding:.5rem 0 .5rem .75rem;position:relative;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}#left-sidebar ul ul:before{bottom:.25rem;left:0;position:absolute;top:.25rem;width:1px;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));--tw-content:"";content:var(--tw-content)}#left-sidebar ul ul:is(.dark *):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}#left-sidebar a{align-items:center;border-color:transparent;border-radius:calc(var(--radius) - 2px);border-width:1px;display:flex;padding:.375rem .5rem;width:100%}#left-sidebar a:hover{text-decoration-line:underline}#left-sidebar a:focus-visible{outline-offset:-1px}#left-sidebar a>button{border-radius:.25rem;color:hsl(var(--muted-foreground))}#left-sidebar a>button:hover{background-color:hsl(var(--primary)/.1)}#left-sidebar a>button>svg{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:center;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#left-sidebar a.current{background-color:hsl(var(--accent));border-color:hsl(var(--border));border-width:1px;color:hsl(var(--accent-foreground));font-weight:500}#left-sidebar a.expandable{justify-content:space-between}#left-sidebar a.expandable.expanded>button>svg{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#right-sidebar ul{margin:0}#right-sidebar ul li{margin-top:0;padding-top:.5rem}#right-sidebar ul li a{color:hsl(var(--muted-foreground));display:inline-block;text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#right-sidebar ul li a:hover{color:hsl(var(--foreground))}#right-sidebar ul li a:focus-visible{outline-offset:-1px}#right-sidebar ul li a[data-current=true]{color:hsl(var(--foreground));font-weight:500}#right-sidebar ul li ul{padding-left:1rem}#right-sidebar ul:not(:last-child){padding-bottom:.5rem}.contents>:not([hidden])~:not([hidden]),.toctree-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.contents,.toctree-wrapper{font-size:.875rem;line-height:1.25rem}.contents .caption,.contents .topic-title,.toctree-wrapper .caption,.toctree-wrapper .topic-title{font-weight:500;padding-top:1.5rem}.contents ul,.toctree-wrapper ul{list-style-type:none!important;margin:0!important}.contents ul li a.reference,.toctree-wrapper ul li a.reference{color:hsl(var(--muted-foreground))!important;display:inline-block;font-weight:400!important;text-decoration-line:none!important;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.contents ul li a.reference:hover,.toctree-wrapper ul li a.reference:hover{color:hsl(var(--foreground))}.contents ul li ul,.toctree-wrapper ul li ul{padding-left:1rem}.contents ul:not(:last-child),.toctree-wrapper ul:not(:last-child){padding-bottom:.5rem}#search-results .search-summary{color:hsl(var(--muted-foreground));font-size:1.25rem;line-height:1.75rem;margin-top:1.5rem}#search-results ul.search,#search-results ul.search li{margin-top:1.5rem}#search-results ul.search .context{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.highlighted{background-color:hsl(var(--accent));text-decoration-line:underline;text-decoration-thickness:2px}.highlight-link{border-color:hsl(var(--border));border-radius:var(--radius);border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;position:fixed;right:.5rem;top:4rem}.highlight-link:hover{background-color:hsl(var(--accent))}@media (min-width:1024px){.highlight-link{right:4rem}}.tooltipped{position:relative}.tooltipped:after{z-index:1000000;-webkit-font-smoothing:subpixel-antialiased;letter-spacing:normal;text-shadow:none;text-transform:none;word-wrap:break-word;background-color:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);content:attr(data-tooltip);display:none;pointer-events:none;position:absolute;white-space:pre;--tw-bg-opacity:0.75;color:hsl(var(--muted-foreground));font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.75rem;font-weight:400;line-height:1rem;opacity:0;padding:.25rem;text-align:center;text-decoration-line:none}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.tooltipped:focus:after,.tooltipped:focus:before,.tooltipped:hover:after,.tooltipped:hover:before{animation-delay:.2s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:tooltip-appear;animation-timing-function:ease-in;display:inline-block;-webkit-text-decoration:none;text-decoration:none}.tooltipped-no-delay:focus:after,.tooltipped-no-delay:focus:before,.tooltipped-no-delay:hover:after,.tooltipped-no-delay:hover:before{animation-delay:0s}.tooltipped-multiline:focus:after,.tooltipped-multiline:hover:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{margin-top:6px;right:50%;top:100%}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{border-bottom-color:#1a202c;bottom:-7px;margin-right:-6px;right:50%;top:auto}.tooltipped-se:after{left:50%;margin-left:-16px;right:auto}.tooltipped-sw:after{margin-right:-16px}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{bottom:100%;margin-bottom:6px;right:50%}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{border-top-color:#1a202c;bottom:auto;margin-right:-6px;right:50%;top:-7px}.tooltipped-ne:after{left:50%;margin-left:-16px;right:auto}.tooltipped-nw:after{margin-right:-16px}.tooltipped-n:after,.tooltipped-s:after{transform:translateX(50%)}.tooltipped-w:after{bottom:50%;margin-right:6px;right:100%;transform:translateY(50%)}.tooltipped-w:before{border-left-color:#1a202c;bottom:50%;left:-7px;margin-top:-6px;top:50%}.tooltipped-e:after{bottom:50%;left:100%;margin-left:6px;transform:translateY(50%)}.tooltipped-e:before{border-right-color:#1a202c;bottom:50%;margin-top:-6px;right:-7px;top:50%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.bottom-8{bottom:2rem}.left-0{left:0}.right-1\.5{right:.375rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.-mt-10{margin-top:-2.5rem}.mb-4{margin-bottom:1rem}.mb-\[2px\]{margin-bottom:2px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[14px\]{height:14px}.h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.h-full{height:100%}.max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)}.max-h-\[calc\(var\(--vh\)-4rem\)\]{max-height:calc(var(--vh) - 4rem)}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[14px\]{width:14px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-prose{max-width:65ch}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border{border-color:hsl(var(--border))}.border-input{border-color:hsl(var(--input))}.bg-background{background-color:hsl(var(--background))}.bg-background\/80{background-color:hsl(var(--background)/.8)}.bg-background\/95{background-color:hsl(var(--background)/.95)}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-muted{background-color:hsl(var(--muted))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.font-mono{font-family:JetBrains\ Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-loose{line-height:2}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/60{color:hsl(var(--foreground)/.6)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}[x-cloak]{display:none!important}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-gray-950:hover{--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-transparent:hover{background-color:initial}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-foreground\/80:hover{color:hsl(var(--foreground)/.8)}.hover\:placeholder-accent-foreground:hover::-moz-placeholder{color:hsl(var(--accent-foreground))}.hover\:placeholder-accent-foreground:hover::placeholder{color:hsl(var(--accent-foreground))}.hover\:opacity-100:hover{opacity:1}.focus\:translate-x-0:focus{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-gray-950:focus{--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-offset-\[-1px\]:focus-visible{outline-offset:-1px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:bg-accent{background-color:hsl(var(--accent))}.group:hover .group-hover\:text-accent-foreground{color:hsl(var(--accent-foreground))}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:-rotate-90:is(.dark *){--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:rotate-0:is(.dark *){--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:scale-0:is(.dark *){--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:scale-100:is(.dark *){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:invert:is(.dark *){--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:pr-12{padding-right:3rem}}@media (min-width:768px){.md\:sticky{position:sticky}.md\:top-14{top:3.5rem}.md\:z-30{z-index:30}.md\:my-0{margin-bottom:0;margin-top:0}.md\:-ml-2{margin-left:-.5rem}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:\!hidden{display:none!important}.md\:hidden{display:none}.md\:h-24{height:6rem}.md\:h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}.md\:h-auto{height:auto}.md\:w-40{width:10rem}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:flex-none{flex:none}.md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-\[220px_minmax\(0\2c 1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:gap-2{gap:.5rem}.md\:gap-6{gap:1.5rem}.md\:overflow-auto{overflow:auto}.md\:bg-transparent{background-color:initial}.md\:p-0{padding:0}.md\:px-0{padding-left:0;padding-right:0}.md\:py-0{padding-bottom:0;padding-top:0}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:my-8{margin-bottom:2rem;margin-top:2rem}.lg\:w-64{width:16rem}.lg\:grid-cols-\[240px_minmax\(0\2c 1fr\)\]{grid-template-columns:240px minmax(0,1fr)}.lg\:gap-10{gap:2.5rem}.lg\:py-8{padding-bottom:2rem;padding-top:2rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:grid{display:grid}.xl\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}}
diff --git a/_static/theme.js b/_static/theme.js
index 6b625afd..830e8d86 100644
--- a/_static/theme.js
+++ b/_static/theme.js
@@ -1,2 +1,2 @@
 /*! For license information please see theme.js.LICENSE.txt */
-!function(){var e={122:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){"use strict";n.d(t,{default:function(){return x}});var r=n(279),i=n.n(r),o=n(370),a=n.n(o),s=n(817),l=n.n(s);function c(e){try{return document.execCommand(e)}catch(e){return!1}}var u=function(e){var t=l()(e);return c("cut"),t},f=function(e,t){var n=function(e){var t="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[t?"right":"left"]="-9999px";var r=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(r,"px"),n.setAttribute("readonly",""),n.value=e,n}(e);t.container.appendChild(n);var r=l()(n);return c("copy"),n.remove(),r},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof e?n=f(e,t):e instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==e?void 0:e.type)?n=f(e.value,t):(n=l()(e),c("copy")),n};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function v(e,t){var n="data-clipboard-".concat(e);if(t.hasAttribute(n))return t.getAttribute(n)}var g=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(l,e);var t,n,r,i,o,s=(i=l,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t,n=m(i);if(o){var r=m(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return!(t=e)||"object"!==_(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this):t});function l(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(n=s.call(this)).resolveOptions(t),n.listenClick(e),n}return t=l,n=[{key:"resolveOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===_(e.container)?e.container:document.body}},{key:"listenClick",value:function(e){var t=this;this.listener=a()(e,"click",(function(e){return t.onClick(e)}))}},{key:"onClick",value:function(e){var t=e.delegateTarget||e.currentTarget,n=this.action(t)||"copy",r=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.action,n=void 0===t?"copy":t,r=e.container,i=e.target,o=e.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==i){if(!i||"object"!==p(i)||1!==i.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&i.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(i.hasAttribute("readonly")||i.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return o?d(o,{container:r}):i?"cut"===n?u(i):d(i,{container:r}):void 0}({action:n,container:this.container,target:this.target(t),text:this.text(t)});this.emit(r?"success":"error",{action:n,text:r,trigger:t,clearSelection:function(){t&&t.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(e){return v("action",e)}},{key:"defaultTarget",value:function(e){var t=v("target",e);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(e){return v("text",e)}},{key:"destroy",value:function(){this.listener.destroy()}}],r=[{key:"copy",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return d(e,t)}},{key:"cut",value:function(e){return u(e)}},{key:"isSupported",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof e?[e]:e,n=!!document.queryCommandSupported;return t.forEach((function(e){n=n&&!!document.queryCommandSupported(e)})),n}}],n&&h(t.prototype,n),r&&h(t,r),l}(i()),x=g},828:function(e){if("undefined"!=typeof Element&&!Element.prototype.matches){var t=Element.prototype;t.matches=t.matchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector||t.webkitMatchesSelector}e.exports=function(e,t){for(;e&&9!==e.nodeType;){if("function"==typeof e.matches&&e.matches(t))return e;e=e.parentNode}}},438:function(e,t,n){var r=n(828);function i(e,t,n,r,i){var a=o.apply(this,arguments);return e.addEventListener(n,a,i),{destroy:function(){e.removeEventListener(n,a,i)}}}function o(e,t,n,i){return function(n){n.delegateTarget=r(n.target,t),n.delegateTarget&&i.call(e,n)}}e.exports=function(e,t,n,r,o){return"function"==typeof e.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof e&&(e=document.querySelectorAll(e)),Array.prototype.map.call(e,(function(e){return i(e,t,n,r,o)})))}},879:function(e,t){t.node=function(e){return void 0!==e&&e instanceof HTMLElement&&1===e.nodeType},t.nodeList=function(e){var n=Object.prototype.toString.call(e);return void 0!==e&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in e&&(0===e.length||t.node(e[0]))},t.string=function(e){return"string"==typeof e||e instanceof String},t.fn=function(e){return"[object Function]"===Object.prototype.toString.call(e)}},370:function(e,t,n){var r=n(879),i=n(438);e.exports=function(e,t,n){if(!e&&!t&&!n)throw new Error("Missing required arguments");if(!r.string(t))throw new TypeError("Second argument must be a String");if(!r.fn(n))throw new TypeError("Third argument must be a Function");if(r.node(e))return function(e,t,n){return e.addEventListener(t,n),{destroy:function(){e.removeEventListener(t,n)}}}(e,t,n);if(r.nodeList(e))return function(e,t,n){return Array.prototype.forEach.call(e,(function(e){e.addEventListener(t,n)})),{destroy:function(){Array.prototype.forEach.call(e,(function(e){e.removeEventListener(t,n)}))}}}(e,t,n);if(r.string(e))return function(e,t,n){return i(document.body,e,t,n)}(e,t,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(e){e.exports=function(e){var t;if("SELECT"===e.nodeName)e.focus(),t=e.value;else if("INPUT"===e.nodeName||"TEXTAREA"===e.nodeName){var n=e.hasAttribute("readonly");n||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),n||e.removeAttribute("readonly"),t=e.value}else{e.hasAttribute("contenteditable")&&e.focus();var r=window.getSelection(),i=document.createRange();i.selectNodeContents(e),r.removeAllRanges(),r.addRange(i),t=r.toString()}return t}},279:function(e){function t(){}t.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var r=this;function i(){r.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),r=n[e],i=[];if(r&&t)for(var o=0,a=r.length;o<a;o++)r[o].fn!==t&&r[o].fn._!==t&&i.push(r[o]);return i.length?n[e]=i:delete n[e],this}},e.exports=t,e.exports.TinyEmitter=t}},t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}return n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n(686)}().default},e.exports=t()}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";function e(e){if(e.includes("full"))return.99;if(e.includes("half"))return.5;if(!e.includes("threshold"))return 0;let t=e[e.indexOf("threshold")+1];return"100"===t?1:"0"===t?0:Number(`.${t}`)}function t(e){let t=e.match(/^(-?[0-9]+)(px|%)?$/);return t?t[1]+(t[2]||"px"):void 0}function r(e){const n="0px 0px 0px 0px",r=e.indexOf("margin");if(-1===r)return n;let i=[];for(let n=1;n<5;n++)i.push(t(e[r+n]||""));return i=i.filter((e=>void 0!==e)),i.length?i.join(" ").trim():n}var i,o,a,s,l=!1,c=!1,u=[],f=-1;function d(e){let t=u.indexOf(e);-1!==t&&t>f&&u.splice(t,1)}function p(){l=!1,c=!0;for(let e=0;e<u.length;e++)u[e](),f=e;u.length=0,f=-1,c=!1}var _=!0;function h(e){o=e}function y(e,t){let n,r=!0,i=o((()=>{let i=e();JSON.stringify(i),r?n=i:queueMicrotask((()=>{t(i,n),n=i})),r=!1}));return()=>a(i)}var m=[],v=[],g=[];function x(e,t){"function"==typeof t?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,v.push(t))}function b(e){m.push(e)}function w(e,t,n){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(n)}function E(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach((([n,r])=>{(void 0===t||t.includes(n))&&(r.forEach((e=>e())),delete e._x_attributeCleanups[n])}))}var S=new MutationObserver(L),A=!1;function k(){S.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),A=!0}function O(){!function(){let e=S.takeRecords();j.push((()=>e.length>0&&L(e)));let t=j.length;queueMicrotask((()=>{if(j.length===t)for(;j.length>0;)j.shift()()}))}(),S.disconnect(),A=!1}var j=[];function C(e){if(!A)return e();O();let t=e();return k(),t}var T=!1,$=[];function L(e){if(T)return void($=$.concat(e));let t=new Set,n=new Set,r=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&("childList"===e[o].type&&(e[o].addedNodes.forEach((e=>1===e.nodeType&&t.add(e))),e[o].removedNodes.forEach((e=>1===e.nodeType&&n.add(e)))),"attributes"===e[o].type)){let t=e[o].target,n=e[o].attributeName,a=e[o].oldValue,s=()=>{r.has(t)||r.set(t,[]),r.get(t).push({name:n,value:t.getAttribute(n)})},l=()=>{i.has(t)||i.set(t,[]),i.get(t).push(n)};t.hasAttribute(n)&&null===a?s():t.hasAttribute(n)?(l(),s()):l()}i.forEach(((e,t)=>{E(t,e)})),r.forEach(((e,t)=>{m.forEach((n=>n(t,e)))}));for(let e of n)t.has(e)||v.forEach((t=>t(e)));t.forEach((e=>{e._x_ignoreSelf=!0,e._x_ignore=!0}));for(let e of t)n.has(e)||e.isConnected&&(delete e._x_ignoreSelf,delete e._x_ignore,g.forEach((t=>t(e))),e._x_ignore=!0,e._x_ignoreSelf=!0);t.forEach((e=>{delete e._x_ignoreSelf,delete e._x_ignore})),t=null,n=null,r=null,i=null}function M(e){return R(P(e))}function N(e,t,n){return e._x_dataStack=[t,...P(n||e)],()=>{e._x_dataStack=e._x_dataStack.filter((e=>e!==t))}}function P(e){return e._x_dataStack?e._x_dataStack:"function"==typeof ShadowRoot&&e instanceof ShadowRoot?P(e.host):e.parentNode?P(e.parentNode):[]}function R(e){return new Proxy({objects:e},q)}var q={ownKeys({objects:e}){return Array.from(new Set(e.flatMap((e=>Object.keys(e)))))},has({objects:e},t){return t!=Symbol.unscopables&&e.some((e=>Object.prototype.hasOwnProperty.call(e,t)||Reflect.has(e,t)))},get({objects:e},t,n){return"toJSON"==t?I:Reflect.get(e.find((e=>Reflect.has(e,t)))||{},t,n)},set({objects:e},t,n,r){const i=e.find((e=>Object.prototype.hasOwnProperty.call(e,t)))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(r,n)||!0:Reflect.set(i,t,n)}};function I(){return Reflect.ownKeys(this).reduce(((e,t)=>(e[t]=Reflect.get(this,t),e)),{})}function D(e){let t=(n,r="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach((([i,{value:o,enumerable:a}])=>{if(!1===a||void 0===o)return;if("object"==typeof o&&null!==o&&o.__v_skip)return;let s=""===r?i:`${r}.${i}`;var l;"object"==typeof o&&null!==o&&o._x_interceptor?n[i]=o.initialize(e,s,i):"object"!=typeof(l=o)||Array.isArray(l)||null===l||o===n||o instanceof Element||t(o,s)}))};return t(e)}function z(e,t=()=>{}){let n={initialValue:void 0,_x_interceptor:!0,initialize(t,n,r){return e(this.initialValue,(()=>function(e,t){return t.split(".").reduce(((e,t)=>e[t]),e)}(t,n)),(e=>B(t,n,e)),n,r)}};return t(n),e=>{if("object"==typeof e&&null!==e&&e._x_interceptor){let t=n.initialize.bind(n);n.initialize=(r,i,o)=>{let a=e.initialize(r,i,o);return n.initialValue=a,t(r,i,o)}}else n.initialValue=e;return n}}function B(e,t,n){if("string"==typeof t&&(t=t.split(".")),1!==t.length){if(0===t.length)throw error;return e[t[0]]||(e[t[0]]={}),B(e[t[0]],t.slice(1),n)}e[t[0]]=n}var F={};function H(e,t){F[e]=t}function W(e,t){return Object.entries(F).forEach((([n,r])=>{let i=null;Object.defineProperty(e,`$${n}`,{get(){return r(t,function(){if(i)return i;{let[e,n]=ue(t);return i={interceptor:z,...e},x(t,n),i}}())},enumerable:!1})})),e}function V(e,t,n,...r){try{return n(...r)}catch(n){U(n,e,t)}}function U(e,t,n=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:n}),console.warn(`Alpine Expression Error: ${e.message}\n\n${n?'Expression: "'+n+'"\n\n':""}`,t),setTimeout((()=>{throw e}),0)}var K=!0;function Z(e){let t=K;K=!1;let n=e();return K=t,n}function J(e,t,n={}){let r;return X(e,t)((e=>r=e),n),r}function X(...e){return Y(...e)}var Y=G;function G(e,t){let n={};W(n,e);let r=[n,...P(e)],i="function"==typeof t?function(e,t){return(n=()=>{},{scope:r={},params:i=[]}={})=>{ee(n,t.apply(R([r,...e]),i))}}(r,t):function(e,t,n){let r=function(e,t){if(Q[e])return Q[e];let n=Object.getPrototypeOf((async function(){})).constructor,r=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e;let i=(()=>{try{let t=new n(["__self","scope"],`with (scope) { __self.result = ${r} }; __self.finished = true; return __self.result;`);return Object.defineProperty(t,"name",{value:`[Alpine] ${e}`}),t}catch(n){return U(n,t,e),Promise.resolve()}})();return Q[e]=i,i}(t,n);return(i=()=>{},{scope:o={},params:a=[]}={})=>{r.result=void 0,r.finished=!1;let s=R([o,...e]);if("function"==typeof r){let e=r(r,s).catch((e=>U(e,n,t)));r.finished?(ee(i,r.result,s,a,n),r.result=void 0):e.then((e=>{ee(i,e,s,a,n)})).catch((e=>U(e,n,t))).finally((()=>r.result=void 0))}}}(r,t,e);return V.bind(null,e,t,i)}var Q={};function ee(e,t,n,r,i){if(K&&"function"==typeof t){let o=t.apply(n,r);o instanceof Promise?o.then((t=>ee(e,t,n,r))).catch((e=>U(e,i,t))):e(o)}else"object"==typeof t&&t instanceof Promise?t.then((t=>e(t))):e(t)}var te="x-";function ne(e=""){return te+e}var re={};function ie(e,t){return re[e]=t,{before(t){if(!re[t])return void console.warn(String.raw`Cannot find directive \`${t}\`. \`${e}\` will use the default order of execution`);const n=ve.indexOf(t);ve.splice(n>=0?n:ve.indexOf("DEFAULT"),0,e)}}}function oe(e,t,n){if(t=Array.from(t),e._x_virtualDirectives){let n=Object.entries(e._x_virtualDirectives).map((([e,t])=>({name:e,value:t}))),r=ae(n);n=n.map((e=>r.find((t=>t.name===e.name))?{name:`x-bind:${e.name}`,value:`"${e.value}"`}:e)),t=t.concat(n)}let r={},i=t.map(de(((e,t)=>r[e]=t))).filter(he).map(function(e,t){return({name:n,value:r})=>{let i=n.match(ye()),o=n.match(/:([a-zA-Z0-9\-_:]+)/),a=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[n]||n;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map((e=>e.replace(".",""))),expression:r,original:s}}}(r,n)).sort(ge);return i.map((t=>function(e,t){let n=re[t.type]||(()=>{}),[r,i]=ue(e);w(e,t.original,i);let o=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,r),n=n.bind(n,e,t,r),se?le.get(ce).push(n):n())};return o.runCleanups=i,o}(e,t)))}function ae(e){return Array.from(e).map(de()).filter((e=>!he(e)))}var se=!1,le=new Map,ce=Symbol();function ue(e){let t=[],[n,r]=function(e){let t=()=>{};return[n=>{let r=o(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach((e=>e()))}),e._x_effects.add(r),t=()=>{void 0!==r&&(e._x_effects.delete(r),a(r))},r},()=>{t()}]}(e);return t.push(r),[{Alpine:_t,effect:n,cleanup:e=>t.push(e),evaluateLater:X.bind(X,e),evaluate:J.bind(J,e)},()=>t.forEach((e=>e()))]}var fe=(e,t)=>({name:n,value:r})=>(n.startsWith(e)&&(n=n.replace(e,t)),{name:n,value:r});function de(e=()=>{}){return({name:t,value:n})=>{let{name:r,value:i}=pe.reduce(((e,t)=>t(e)),{name:t,value:n});return r!==t&&e(r,t),{name:r,value:i}}}var pe=[];function _e(e){pe.push(e)}function he({name:e}){return ye().test(e)}var ye=()=>new RegExp(`^${te}([^:^.]+)\\b`),me="DEFAULT",ve=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",me,"teleport"];function ge(e,t){let n=-1===ve.indexOf(e.type)?me:e.type,r=-1===ve.indexOf(t.type)?me:t.type;return ve.indexOf(n)-ve.indexOf(r)}function xe(e,t,n={}){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0}))}function be(e,t){if("function"==typeof ShadowRoot&&e instanceof ShadowRoot)return void Array.from(e.children).forEach((e=>be(e,t)));let n=!1;if(t(e,(()=>n=!0)),n)return;let r=e.firstElementChild;for(;r;)be(r,t),r=r.nextElementSibling}function we(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var Ee=!1,Se=[],Ae=[];function ke(){return Se.map((e=>e()))}function Oe(){return Se.concat(Ae).map((e=>e()))}function je(e){Se.push(e)}function Ce(e){Ae.push(e)}function Te(e,t=!1){return $e(e,(e=>{if((t?Oe():ke()).some((t=>e.matches(t))))return!0}))}function $e(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),e.parentElement)return $e(e.parentElement,t)}}var Le=[];function Me(e,t=be,n=()=>{}){!function(){se=!0;let r=Symbol();ce=r,le.set(r,[]);let i=()=>{for(;le.get(r).length;)le.get(r).shift()();le.delete(r)};t(e,((e,t)=>{n(e,t),Le.forEach((n=>n(e,t))),oe(e,e.attributes).forEach((e=>e())),e._x_ignore&&t()})),se=!1,i()}()}function Ne(e,t=be){t(e,(e=>{E(e),function(e){if(e._x_cleanups)for(;e._x_cleanups.length;)e._x_cleanups.pop()()}(e)}))}var Pe=[],Re=!1;function qe(e=()=>{}){return queueMicrotask((()=>{Re||setTimeout((()=>{Ie()}))})),new Promise((t=>{Pe.push((()=>{e(),t()}))}))}function Ie(){for(Re=!1;Pe.length;)Pe.shift()()}function De(e,t){return Array.isArray(t)?ze(e,t.join(" ")):"object"==typeof t&&null!==t?function(e,t){let n=e=>e.split(" ").filter(Boolean),r=Object.entries(t).flatMap((([e,t])=>!!t&&n(e))).filter(Boolean),i=Object.entries(t).flatMap((([e,t])=>!t&&n(e))).filter(Boolean),o=[],a=[];return i.forEach((t=>{e.classList.contains(t)&&(e.classList.remove(t),a.push(t))})),r.forEach((t=>{e.classList.contains(t)||(e.classList.add(t),o.push(t))})),()=>{a.forEach((t=>e.classList.add(t))),o.forEach((t=>e.classList.remove(t)))}}(e,t):"function"==typeof t?De(e,t()):ze(e,t)}function ze(e,t){return t=!0===t?t="":t||"",n=t.split(" ").filter((t=>!e.classList.contains(t))).filter(Boolean),e.classList.add(...n),()=>{e.classList.remove(...n)};var n}function Be(e,t){return"object"==typeof t&&null!==t?function(e,t){let n={};return Object.entries(t).forEach((([t,r])=>{n[t]=e.style[t],t.startsWith("--")||(t=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()),e.style.setProperty(t,r)})),setTimeout((()=>{0===e.style.length&&e.removeAttribute("style")})),()=>{Be(e,n)}}(e,t):function(e,t){let n=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",n||"")}}(e,t)}function Fe(e,t=()=>{}){let n=!1;return function(){n?t.apply(this,arguments):(n=!0,e.apply(this,arguments))}}function He(e,t,n={}){e._x_transition||(e._x_transition={enter:{during:n,start:n,end:n},leave:{during:n,start:n,end:n},in(n=()=>{},r=()=>{}){Ve(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,r)},out(n=()=>{},r=()=>{}){Ve(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,r)}})}function We(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:We(t)}function Ve(e,t,{during:n,start:r,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),0===Object.keys(n).length&&0===Object.keys(r).length&&0===Object.keys(i).length)return o(),void a();let s,l,c;!function(e,t){let n,r,i,o=Fe((()=>{C((()=>{n=!0,r||t.before(),i||(t.end(),Ie()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning}))}));e._x_transitioning={beforeCancels:[],beforeCancel(e){this.beforeCancels.push(e)},cancel:Fe((function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()})),finish:o},C((()=>{t.start(),t.during()})),Re=!0,requestAnimationFrame((()=>{if(n)return;let o=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s","")),a=1e3*Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""));0===o&&(o=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),C((()=>{t.before()})),r=!0,requestAnimationFrame((()=>{n||(C((()=>{t.end()})),Ie(),setTimeout(e._x_transitioning.finish,o+a),i=!0)}))}))}(e,{start(){s=t(e,r)},during(){l=t(e,n)},before:o,end(){s(),c=t(e,i)},after:a,cleanup(){l(),c()}})}function Ue(e,t,n){if(-1===e.indexOf(t))return n;const r=e[e.indexOf(t)+1];if(!r)return n;if("scale"===t&&isNaN(r))return n;if("duration"===t||"delay"===t){let e=r.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[r,e[e.indexOf(t)+2]].join(" "):r}ie("transition",((e,{value:t,modifiers:n,expression:r},{evaluate:i})=>{"function"==typeof r&&(r=i(r)),!1!==r&&(r&&"boolean"!=typeof r?function(e,t,n){He(e,De,""),{enter:t=>{e._x_transition.enter.during=t},"enter-start":t=>{e._x_transition.enter.start=t},"enter-end":t=>{e._x_transition.enter.end=t},leave:t=>{e._x_transition.leave.during=t},"leave-start":t=>{e._x_transition.leave.start=t},"leave-end":t=>{e._x_transition.leave.end=t}}[n](t)}(e,r,t):function(e,t,n){He(e,Be);let r=!t.includes("in")&&!t.includes("out")&&!n,i=r||t.includes("in")||["enter"].includes(n),o=r||t.includes("out")||["leave"].includes(n);t.includes("in")&&!r&&(t=t.filter(((e,n)=>n<t.indexOf("out")))),t.includes("out")&&!r&&(t=t.filter(((e,n)=>n>t.indexOf("out"))));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity")?0:1,l=a||t.includes("scale")?Ue(t,"scale",95)/100:1,c=Ue(t,"delay",0)/1e3,u=Ue(t,"origin","center"),f="opacity, transform",d=Ue(t,"duration",150)/1e3,p=Ue(t,"duration",75)/1e3,_="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:u,transitionDelay:`${c}s`,transitionProperty:f,transitionDuration:`${d}s`,transitionTimingFunction:_},e._x_transition.enter.start={opacity:s,transform:`scale(${l})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:u,transitionDelay:`${c}s`,transitionProperty:f,transitionDuration:`${p}s`,transitionTimingFunction:_},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:s,transform:`scale(${l})`})}(e,n,t))})),window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,n,r){const i="visible"===document.visibilityState?requestAnimationFrame:setTimeout;let o=()=>i(n);t?e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(n):o():e._x_transition?e._x_transition.in(n):o():(e._x_hidePromise=e._x_transition?new Promise(((t,n)=>{e._x_transition.out((()=>{}),(()=>t(r))),e._x_transitioning&&e._x_transitioning.beforeCancel((()=>n({isFromCancelledTransition:!0})))})):Promise.resolve(r),queueMicrotask((()=>{let t=We(e);t?(t._x_hideChildren||(t._x_hideChildren=[]),t._x_hideChildren.push(e)):i((()=>{let t=e=>{let n=Promise.all([e._x_hidePromise,...(e._x_hideChildren||[]).map(t)]).then((([e])=>e?.()));return delete e._x_hidePromise,delete e._x_hideChildren,n};t(e).catch((e=>{if(!e.isFromCancelledTransition)throw e}))}))})))};var Ke=!1;function Ze(e,t=()=>{}){return(...n)=>Ke?t(...n):e(...n)}var Je=[];function Xe(e){Je.push(e)}var Ye=!1;function Ge(e){let t=o;h(((e,n)=>{let r=t(e);return a(r),()=>{}})),e(),h(t)}function Qe(e,t,n,r=[]){switch(e._x_bindings||(e._x_bindings=i({})),e._x_bindings[t]=n,t=r.includes("camel")?t.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase())):t){case"value":!function(e,t){if("radio"===e.type)void 0===e.attributes.value&&(e.value=t),window.fromModel&&(e.checked="boolean"==typeof t?nt(e.value)===t:tt(e.value,t));else if("checkbox"===e.type)Number.isInteger(t)?e.value=t:Array.isArray(t)||"boolean"==typeof t||[null,void 0].includes(t)?Array.isArray(t)?e.checked=t.some((t=>tt(t,e.value))):e.checked=!!t:e.value=String(t);else if("SELECT"===e.tagName)!function(e,t){const n=[].concat(t).map((e=>e+""));Array.from(e.options).forEach((e=>{e.selected=n.includes(e.value)}))}(e,t);else{if(e.value===t)return;e.value=void 0===t?"":t}}(e,n);break;case"style":!function(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=Be(e,t)}(e,n);break;case"class":!function(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=De(e,t)}(e,n);break;case"selected":case"checked":!function(e,t,n){et(e,t,n),function(e,t,n){e[t]!==n&&(e[t]=n)}(e,t,n)}(e,t,n);break;default:et(e,t,n)}}function et(e,t,n){[null,void 0,!1].includes(n)&&function(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}(t)?e.removeAttribute(t):(rt(t)&&(n=t),function(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}(e,t,n))}function tt(e,t){return e==t}function nt(e){return!![1,"1","true","on","yes",!0].includes(e)||![0,"0","false","off","no",!1].includes(e)&&(e?Boolean(e):null)}function rt(e){return["disabled","checked","required","readonly","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function it(e,t,n){let r=e.getAttribute(t);return null===r?"function"==typeof n?n():n:""===r||(rt(t)?!![t,"true"].includes(r):r)}function ot(e,t){var n;return function(){var r=this,i=arguments;clearTimeout(n),n=setTimeout((function(){n=null,e.apply(r,i)}),t)}}function at(e,t){let n;return function(){let r=arguments;n||(e.apply(this,r),n=!0,setTimeout((()=>n=!1),t))}}function st({get:e,set:t},{get:n,set:r}){let i,s,l=!0,c=o((()=>{let o=e(),a=n();if(l)r(lt(o)),l=!1;else{let e=JSON.stringify(o),n=JSON.stringify(a);e!==i?r(lt(o)):e!==n&&t(lt(a))}i=JSON.stringify(e()),s=JSON.stringify(n())}));return()=>{a(c)}}function lt(e){return"object"==typeof e?JSON.parse(JSON.stringify(e)):e}var ct={},ut=!1,ft={};function dt(e,t,n){let r=[];for(;r.length;)r.pop()();let i=Object.entries(t).map((([e,t])=>({name:e,value:t}))),o=ae(i);return i=i.map((e=>o.find((t=>t.name===e.name))?{name:`x-bind:${e.name}`,value:`"${e.value}"`}:e)),oe(e,i,n).map((e=>{r.push(e.runCleanups),e()})),()=>{for(;r.length;)r.pop()()}}var pt={},_t={get reactive(){return i},get release(){return a},get effect(){return o},get raw(){return s},version:"3.14.1",flushAndStopDeferringMutations:function(){T=!1,L($),$=[]},dontAutoEvaluateFunctions:Z,disableEffectScheduling:function(e){_=!1,e(),_=!0},startObservingMutations:k,stopObservingMutations:O,setReactivityEngine:function(e){i=e.reactive,a=e.release,o=t=>e.effect(t,{scheduler:e=>{_?function(e){var t;t=e,u.includes(t)||u.push(t),c||l||(l=!0,queueMicrotask(p))}(e):e()}}),s=e.raw},onAttributeRemoved:w,onAttributesAdded:b,closestDataStack:P,skipDuringClone:Ze,onlyDuringClone:function(e){return(...t)=>Ke&&e(...t)},addRootSelector:je,addInitSelector:Ce,interceptClone:Xe,addScopeToNode:N,deferMutations:function(){T=!0},mapAttributes:_e,evaluateLater:X,interceptInit:function(e){Le.push(e)},setEvaluator:function(e){Y=e},mergeProxies:R,extractProp:function(e,t,n,r=!0){if(e._x_bindings&&void 0!==e._x_bindings[t])return e._x_bindings[t];if(e._x_inlineBindings&&void 0!==e._x_inlineBindings[t]){let n=e._x_inlineBindings[t];return n.extract=r,Z((()=>J(e,n.expression)))}return it(e,t,n)},findClosest:$e,onElRemoved:x,closestRoot:Te,destroyTree:Ne,interceptor:z,transition:Ve,setStyles:Be,mutateDom:C,directive:ie,entangle:st,throttle:at,debounce:ot,evaluate:J,initTree:Me,nextTick:qe,prefixed:ne,prefix:function(e){te=e},plugin:function(e){(Array.isArray(e)?e:[e]).forEach((e=>e(_t)))},magic:H,store:function(e,t){if(ut||(ct=i(ct),ut=!0),void 0===t)return ct[e];ct[e]=t,"object"==typeof t&&null!==t&&t.hasOwnProperty("init")&&"function"==typeof t.init&&ct[e].init(),D(ct[e])},start:function(){var e;Ee&&we("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Ee=!0,document.body||we("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),xe(document,"alpine:init"),xe(document,"alpine:initializing"),k(),e=e=>Me(e,be),g.push(e),x((e=>Ne(e))),b(((e,t)=>{oe(e,t).forEach((e=>e()))})),Array.from(document.querySelectorAll(Oe().join(","))).filter((e=>!Te(e.parentElement,!0))).forEach((e=>{Me(e)})),xe(document,"alpine:initialized"),setTimeout((()=>{[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach((([e,t,n])=>{var r;r=t,Object.keys(re).includes(r)||n.some((t=>{if(document.querySelector(t))return we(`found "${t}", but missing ${e} plugin`),!0}))}))}))},clone:function(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),Ke=!0,Ye=!0,Ge((()=>{!function(e){let t=!1;Me(e,((e,n)=>{be(e,((e,r)=>{if(t&&function(e){return ke().some((t=>e.matches(t)))}(e))return r();t=!0,n(e,r)}))}))}(t)})),Ke=!1,Ye=!1},cloneNode:function(e,t){Je.forEach((n=>n(e,t))),Ke=!0,Ge((()=>{Me(t,((e,t)=>{t(e,(()=>{}))}))})),Ke=!1},bound:function(e,t,n){return e._x_bindings&&void 0!==e._x_bindings[t]?e._x_bindings[t]:it(e,t,n)},$data:M,watch:y,walk:be,data:function(e,t){pt[e]=t},bind:function(e,t){let n="function"!=typeof t?()=>t:t;return e instanceof Element?dt(e,n()):(ft[e]=n,()=>{})}};function ht(e,t){const n=Object.create(null),r=e.split(",");for(let e=0;e<r.length;e++)n[r[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}var yt,mt=Object.freeze({}),vt=(Object.freeze([]),Object.prototype.hasOwnProperty),gt=(e,t)=>vt.call(e,t),xt=Array.isArray,bt=e=>"[object Map]"===At(e),wt=e=>"symbol"==typeof e,Et=e=>null!==e&&"object"==typeof e,St=Object.prototype.toString,At=e=>St.call(e),kt=e=>At(e).slice(8,-1),Ot=e=>"string"==typeof e&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,jt=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Ct=/-(\w)/g,Tt=(jt((e=>e.replace(Ct,((e,t)=>t?t.toUpperCase():"")))),/\B([A-Z])/g),$t=(jt((e=>e.replace(Tt,"-$1").toLowerCase())),jt((e=>e.charAt(0).toUpperCase()+e.slice(1)))),Lt=(jt((e=>e?`on${$t(e)}`:"")),(e,t)=>e!==t&&(e==e||t==t)),Mt=new WeakMap,Nt=[],Pt=Symbol("iterate"),Rt=Symbol("Map key iterate"),qt=0;function It(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}var Dt=!0,zt=[];function Bt(){const e=zt.pop();Dt=void 0===e||e}function Ft(e,t,n){if(!Dt||void 0===yt)return;let r=Mt.get(e);r||Mt.set(e,r=new Map);let i=r.get(n);i||r.set(n,i=new Set),i.has(yt)||(i.add(yt),yt.deps.push(i),yt.options.onTrack&&yt.options.onTrack({effect:yt,target:e,type:t,key:n}))}function Ht(e,t,n,r,i,o){const a=Mt.get(e);if(!a)return;const s=new Set,l=e=>{e&&e.forEach((e=>{(e!==yt||e.allowRecurse)&&s.add(e)}))};if("clear"===t)a.forEach(l);else if("length"===n&&xt(e))a.forEach(((e,t)=>{("length"===t||t>=r)&&l(e)}));else switch(void 0!==n&&l(a.get(n)),t){case"add":xt(e)?Ot(n)&&l(a.get("length")):(l(a.get(Pt)),bt(e)&&l(a.get(Rt)));break;case"delete":xt(e)||(l(a.get(Pt)),bt(e)&&l(a.get(Rt)));break;case"set":bt(e)&&l(a.get(Pt))}s.forEach((a=>{a.options.onTrigger&&a.options.onTrigger({effect:a,target:e,key:n,type:t,newValue:r,oldValue:i,oldTarget:o}),a.options.scheduler?a.options.scheduler(a):a()}))}var Wt=ht("__proto__,__v_isRef,__isVue"),Vt=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(wt)),Ut=Xt(),Kt=Xt(!0),Zt=Jt();function Jt(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=$n(this);for(let e=0,t=this.length;e<t;e++)Ft(n,"get",e+"");const r=n[t](...e);return-1===r||!1===r?n[t](...e.map($n)):r}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){zt.push(Dt),Dt=!1;const n=$n(this)[t].apply(this,e);return Bt(),n}})),e}function Xt(e=!1,t=!1){return function(n,r,i){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&i===(e?t?On:kn:t?An:Sn).get(n))return n;const o=xt(n);if(!e&&o&&gt(Zt,r))return Reflect.get(Zt,r,i);const a=Reflect.get(n,r,i);return(wt(r)?Vt.has(r):Wt(r))?a:(e||Ft(n,"get",r),t?a:Ln(a)?o&&Ot(r)?a:a.value:Et(a)?e?Cn(a):jn(a):a)}}function Yt(e=!1){return function(t,n,r,i){let o=t[n];if(!e&&(r=$n(r),o=$n(o),!xt(t)&&Ln(o)&&!Ln(r)))return o.value=r,!0;const a=xt(t)&&Ot(n)?Number(n)<t.length:gt(t,n),s=Reflect.set(t,n,r,i);return t===$n(i)&&(a?Lt(r,o)&&Ht(t,"set",n,r,o):Ht(t,"add",n,r)),s}}var Gt={get:Ut,set:Yt(),deleteProperty:function(e,t){const n=gt(e,t),r=e[t],i=Reflect.deleteProperty(e,t);return i&&n&&Ht(e,"delete",t,void 0,r),i},has:function(e,t){const n=Reflect.has(e,t);return wt(t)&&Vt.has(t)||Ft(e,"has",t),n},ownKeys:function(e){return Ft(e,"iterate",xt(e)?"length":Pt),Reflect.ownKeys(e)}},Qt={get:Kt,set(e,t){return console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},en=e=>Et(e)?jn(e):e,tn=e=>Et(e)?Cn(e):e,nn=e=>e,rn=e=>Reflect.getPrototypeOf(e);function on(e,t,n=!1,r=!1){const i=$n(e=e.__v_raw),o=$n(t);t!==o&&!n&&Ft(i,"get",t),!n&&Ft(i,"get",o);const{has:a}=rn(i),s=r?nn:n?tn:en;return a.call(i,t)?s(e.get(t)):a.call(i,o)?s(e.get(o)):void(e!==i&&e.get(t))}function an(e,t=!1){const n=this.__v_raw,r=$n(n),i=$n(e);return e!==i&&!t&&Ft(r,"has",e),!t&&Ft(r,"has",i),e===i?n.has(e):n.has(e)||n.has(i)}function sn(e,t=!1){return e=e.__v_raw,!t&&Ft($n(e),"iterate",Pt),Reflect.get(e,"size",e)}function ln(e){e=$n(e);const t=$n(this);return rn(t).has.call(t,e)||(t.add(e),Ht(t,"add",e,e)),this}function cn(e,t){t=$n(t);const n=$n(this),{has:r,get:i}=rn(n);let o=r.call(n,e);o?En(n,r,e):(e=$n(e),o=r.call(n,e));const a=i.call(n,e);return n.set(e,t),o?Lt(t,a)&&Ht(n,"set",e,t,a):Ht(n,"add",e,t),this}function un(e){const t=$n(this),{has:n,get:r}=rn(t);let i=n.call(t,e);i?En(t,n,e):(e=$n(e),i=n.call(t,e));const o=r?r.call(t,e):void 0,a=t.delete(e);return i&&Ht(t,"delete",e,void 0,o),a}function fn(){const e=$n(this),t=0!==e.size,n=bt(e)?new Map(e):new Set(e),r=e.clear();return t&&Ht(e,"clear",void 0,void 0,n),r}function dn(e,t){return function(n,r){const i=this,o=i.__v_raw,a=$n(o),s=t?nn:e?tn:en;return!e&&Ft(a,"iterate",Pt),o.forEach(((e,t)=>n.call(r,s(e),s(t),i)))}}function pn(e,t,n){return function(...r){const i=this.__v_raw,o=$n(i),a=bt(o),s="entries"===e||e===Symbol.iterator&&a,l="keys"===e&&a,c=i[e](...r),u=n?nn:t?tn:en;return!t&&Ft(o,"iterate",l?Rt:Pt),{next(){const{value:e,done:t}=c.next();return t?{value:e,done:t}:{value:s?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function _n(e){return function(...t){{const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${$t(e)} operation ${n}failed: target is readonly.`,$n(this))}return"delete"!==e&&this}}function hn(){const e={get(e){return on(this,e)},get size(){return sn(this)},has:an,add:ln,set:cn,delete:un,clear:fn,forEach:dn(!1,!1)},t={get(e){return on(this,e,!1,!0)},get size(){return sn(this)},has:an,add:ln,set:cn,delete:un,clear:fn,forEach:dn(!1,!0)},n={get(e){return on(this,e,!0)},get size(){return sn(this,!0)},has(e){return an.call(this,e,!0)},add:_n("add"),set:_n("set"),delete:_n("delete"),clear:_n("clear"),forEach:dn(!0,!1)},r={get(e){return on(this,e,!0,!0)},get size(){return sn(this,!0)},has(e){return an.call(this,e,!0)},add:_n("add"),set:_n("set"),delete:_n("delete"),clear:_n("clear"),forEach:dn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((i=>{e[i]=pn(i,!1,!1),n[i]=pn(i,!0,!1),t[i]=pn(i,!1,!0),r[i]=pn(i,!0,!0)})),[e,n,t,r]}var[yn,mn,vn,gn]=hn();function xn(e,t){const n=t?e?gn:vn:e?mn:yn;return(t,r,i)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(gt(n,r)&&r in t?n:t,r,i)}var bn={get:xn(!1,!1)},wn={get:xn(!0,!1)};function En(e,t,n){const r=$n(n);if(r!==n&&t.call(e,r)){const t=kt(e);console.warn(`Reactive ${t} contains both the raw and reactive versions of the same object${"Map"===t?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var Sn=new WeakMap,An=new WeakMap,kn=new WeakMap,On=new WeakMap;function jn(e){return e&&e.__v_isReadonly?e:Tn(e,!1,Gt,bn,Sn)}function Cn(e){return Tn(e,!0,Qt,wn,kn)}function Tn(e,t,n,r,i){if(!Et(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const o=i.get(e);if(o)return o;const a=(s=e).__v_skip||!Object.isExtensible(s)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}(kt(s));var s;if(0===a)return e;const l=new Proxy(e,2===a?r:n);return i.set(e,l),l}function $n(e){return e&&$n(e.__v_raw)||e}function Ln(e){return Boolean(e&&!0===e.__v_isRef)}H("nextTick",(()=>qe)),H("dispatch",(e=>xe.bind(xe,e))),H("watch",((e,{evaluateLater:t,cleanup:n})=>(e,r)=>{let i=t(e),o=y((()=>{let e;return i((t=>e=t)),e}),r);n(o)})),H("store",(function(){return ct})),H("data",(e=>M(e))),H("root",(e=>Te(e))),H("refs",(e=>(e._x_refs_proxy||(e._x_refs_proxy=R(function(e){let t=[];return $e(e,(e=>{e._x_refs&&t.push(e._x_refs)})),t}(e))),e._x_refs_proxy)));var Mn={};function Nn(e){return Mn[e]||(Mn[e]=0),++Mn[e]}function Pn(e,t,n){H(t,(r=>we(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r)))}H("id",((e,{cleanup:t})=>(n,r=null)=>function(e,t,n,r){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=r();return e._x_id[t]=i,n((()=>{delete e._x_id[t]})),i}(e,`${n}${r?`-${r}`:""}`,t,(()=>{let t=function(e,t){return $e(e,(e=>{if(e._x_ids&&e._x_ids[t])return!0}))}(e,n),i=t?t._x_ids[n]:Nn(n);return r?`${n}-${i}-${r}`:`${n}-${i}`})))),Xe(((e,t)=>{e._x_id&&(t._x_id=e._x_id)})),H("el",(e=>e)),Pn("Focus","focus","focus"),Pn("Persist","persist","persist"),ie("modelable",((e,{expression:t},{effect:n,evaluateLater:r,cleanup:i})=>{let o=r(t),a=()=>{let e;return o((t=>e=t)),e},s=r(`${t} = __placeholder`),l=e=>s((()=>{}),{scope:{__placeholder:e}}),c=a();l(c),queueMicrotask((()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let t=e._x_model.get,n=e._x_model.set,r=st({get(){return t()},set(e){n(e)}},{get(){return a()},set(e){l(e)}});i(r)}))})),ie("teleport",((e,{modifiers:t,expression:n},{cleanup:r})=>{"template"!==e.tagName.toLowerCase()&&we("x-teleport can only be used on a <template> tag",e);let i=qn(n),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach((t=>{o.addEventListener(t,(t=>{t.stopPropagation(),e.dispatchEvent(new t.constructor(t.type,t))}))})),N(o,{},e);let a=(e,t,n)=>{n.includes("prepend")?t.parentNode.insertBefore(e,t):n.includes("append")?t.parentNode.insertBefore(e,t.nextSibling):t.appendChild(e)};C((()=>{a(o,i,t),Ze((()=>{Me(o),o._x_ignore=!0}))()})),e._x_teleportPutBack=()=>{let r=qn(n);C((()=>{a(e._x_teleport,r,t)}))},r((()=>o.remove()))}));var Rn=document.createElement("div");function qn(e){let t=Ze((()=>document.querySelector(e)),(()=>Rn))();return t||we(`Cannot find x-teleport element for selector: "${e}"`),t}var In=()=>{};function Dn(e,t,n,r){let i=e,o=e=>r(e),a={},s=(e,t)=>n=>t(e,n);if(n.includes("dot")&&(t=t.replace(/-/g,".")),n.includes("camel")&&(t=t.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase()))),n.includes("passive")&&(a.passive=!0),n.includes("capture")&&(a.capture=!0),n.includes("window")&&(i=window),n.includes("document")&&(i=document),n.includes("debounce")){let e=n[n.indexOf("debounce")+1]||"invalid-wait",t=zn(e.split("ms")[0])?Number(e.split("ms")[0]):250;o=ot(o,t)}if(n.includes("throttle")){let e=n[n.indexOf("throttle")+1]||"invalid-wait",t=zn(e.split("ms")[0])?Number(e.split("ms")[0]):250;o=at(o,t)}return n.includes("prevent")&&(o=s(o,((e,t)=>{t.preventDefault(),e(t)}))),n.includes("stop")&&(o=s(o,((e,t)=>{t.stopPropagation(),e(t)}))),n.includes("once")&&(o=s(o,((e,n)=>{e(n),i.removeEventListener(t,o,a)}))),(n.includes("away")||n.includes("outside"))&&(i=document,o=s(o,((t,n)=>{e.contains(n.target)||!1!==n.target.isConnected&&(e.offsetWidth<1&&e.offsetHeight<1||!1!==e._x_isShown&&t(n))}))),n.includes("self")&&(o=s(o,((t,n)=>{n.target===e&&t(n)}))),(function(e){return["keydown","keyup"].includes(e)}(t)||Bn(t))&&(o=s(o,((e,t)=>{(function(e,t){let n=t.filter((e=>!["window","document","prevent","stop","once","capture","self","away","outside","passive"].includes(e)));if(n.includes("debounce")){let e=n.indexOf("debounce");n.splice(e,zn((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(n.includes("throttle")){let e=n.indexOf("throttle");n.splice(e,zn((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===n.length)return!1;if(1===n.length&&Fn(e.key).includes(n[0]))return!1;const r=["ctrl","shift","alt","meta","cmd","super"].filter((e=>n.includes(e)));if(n=n.filter((e=>!r.includes(e))),r.length>0&&r.filter((t=>("cmd"!==t&&"super"!==t||(t="meta"),e[`${t}Key`]))).length===r.length){if(Bn(e.type))return!1;if(Fn(e.key).includes(n[0]))return!1}return!0})(t,n)||e(t)}))),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function zn(e){return!Array.isArray(e)&&!isNaN(e)}function Bn(e){return["contextmenu","click","mouse"].some((t=>e.includes(t)))}function Fn(e){if(!e)return[];var t;e=[" ","_"].includes(t=e)?t:t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase();let n={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return n[e]=e,Object.keys(n).map((t=>{if(n[t]===e)return t})).filter((e=>e))}function Hn(e,t,n,r){return C((()=>{if(n instanceof CustomEvent&&void 0!==n.detail)return null!==n.detail&&void 0!==n.detail?n.detail:n.target.value;if("checkbox"===e.type){if(Array.isArray(r)){let e=null;return e=t.includes("number")?Wn(n.target.value):t.includes("boolean")?nt(n.target.value):n.target.value,n.target.checked?r.includes(e)?r:r.concat([e]):r.filter((t=>!(t==e)))}return n.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map((e=>Wn(e.value||e.text))):t.includes("boolean")?Array.from(n.target.selectedOptions).map((e=>nt(e.value||e.text))):Array.from(n.target.selectedOptions).map((e=>e.value||e.text));{let i;return i="radio"===e.type?n.target.checked?n.target.value:r:n.target.value,t.includes("number")?Wn(i):t.includes("boolean")?nt(i):t.includes("trim")?i.trim():i}}))}function Wn(e){let t=e?parseFloat(e):null;return n=t,Array.isArray(n)||isNaN(n)?e:t;var n}function Vn(e){return null!==e&&"object"==typeof e&&"function"==typeof e.get&&"function"==typeof e.set}In.inline=(e,{modifiers:t},{cleanup:n})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,n((()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore}))},ie("ignore",In),ie("effect",Ze(((e,{expression:t},{effect:n})=>{n(X(e,t))}))),ie("model",((e,{modifiers:t,expression:n},{effect:r,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a,s=X(o,n);a="string"==typeof n?X(o,`${n} = __placeholder`):"function"==typeof n&&"string"==typeof n()?X(o,`${n()} = __placeholder`):()=>{};let l=()=>{let e;return s((t=>e=t)),Vn(e)?e.get():e},c=e=>{let t;s((e=>t=e)),Vn(t)?t.set(e):a((()=>{}),{scope:{__placeholder:e}})};"string"==typeof n&&"radio"===e.type&&C((()=>{e.hasAttribute("name")||e.setAttribute("name",n)}));var u="select"===e.tagName.toLowerCase()||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let f=Ke?()=>{}:Dn(e,u,t,(n=>{c(Hn(e,t,n,l()))}));if(t.includes("fill")&&([void 0,null,""].includes(l())||"checkbox"===e.type&&Array.isArray(l())||"select"===e.tagName.toLowerCase()&&e.multiple)&&c(Hn(e,t,{target:e},l())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=f,i((()=>e._x_removeModelListeners.default())),e.form){let n=Dn(e.form,"reset",[],(n=>{qe((()=>e._x_model&&e._x_model.set(Hn(e,t,{target:e},l()))))}));i((()=>n()))}e._x_model={get(){return l()},set(e){c(e)}},e._x_forceModelUpdate=t=>{void 0===t&&"string"==typeof n&&n.match(/\./)&&(t=""),window.fromModel=!0,C((()=>Qe(e,"value",t))),delete window.fromModel},r((()=>{let n=l();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(n)}))})),ie("cloak",(e=>queueMicrotask((()=>C((()=>e.removeAttribute(ne("cloak")))))))),Ce((()=>`[${ne("init")}]`)),ie("init",Ze(((e,{expression:t},{evaluate:n})=>"string"==typeof t?!!t.trim()&&n(t,{},!1):n(t,{},!1)))),ie("text",((e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n((()=>{i((t=>{C((()=>{e.textContent=t}))}))}))})),ie("html",((e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n((()=>{i((t=>{C((()=>{e.innerHTML=t,e._x_ignoreSelf=!0,Me(e),delete e._x_ignoreSelf}))}))}))})),_e(fe(":",ne("bind:")));var Un=(e,{value:t,modifiers:n,expression:r,original:i},{effect:o,cleanup:a})=>{if(!t){let t={};return s=t,Object.entries(ft).forEach((([e,t])=>{Object.defineProperty(s,e,{get(){return(...e)=>t(...e)}})})),void X(e,r)((t=>{dt(e,t,i)}),{scope:t})}var s;if("key"===t)return function(e,t){e._x_keyExpression=t}(e,r);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let l=X(e,r);o((()=>l((i=>{void 0===i&&"string"==typeof r&&r.match(/\./)&&(i=""),C((()=>Qe(e,t,i,n)))})))),a((()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()}))};function Kn(e,t,n,r){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map((e=>e.trim())).forEach(((e,n)=>{i[e]=t[n]})):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&"object"==typeof t?e.item.replace("{","").replace("}","").split(",").map((e=>e.trim())).forEach((e=>{i[e]=t[e]})):i[e.item]=t,e.index&&(i[e.index]=n),e.collection&&(i[e.collection]=r),i}function Zn(){}function Jn(e,t,n){ie(t,(r=>we(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r)))}Un.inline=(e,{value:t,modifiers:n,expression:r})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:r,extract:!1})},ie("bind",Un),je((()=>`[${ne("data")}]`)),ie("data",((e,{expression:t},{cleanup:n})=>{if(function(e){return!!Ke&&(!!Ye||e.hasAttribute("data-has-alpine-state"))}(e))return;t=""===t?"{}":t;let r={};W(r,e);let o={};var a,s;a=o,s=r,Object.entries(pt).forEach((([e,t])=>{Object.defineProperty(a,e,{get(){return(...e)=>t.bind(s)(...e)},enumerable:!1})}));let l=J(e,t,{scope:o});void 0!==l&&!0!==l||(l={}),W(l,e);let c=i(l);D(c);let u=N(e,c);c.init&&J(e,c.init),n((()=>{c.destroy&&J(e,c.destroy),u()}))})),Xe(((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))})),ie("show",((e,{modifiers:t,expression:n},{effect:r})=>{let i=X(e,n);e._x_doHide||(e._x_doHide=()=>{C((()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)}))}),e._x_doShow||(e._x_doShow=()=>{C((()=>{1===e.style.length&&"none"===e.style.display?e.removeAttribute("style"):e.style.removeProperty("display")}))});let o,a=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},l=()=>setTimeout(s),c=Fe((e=>e?s():a()),(t=>{"function"==typeof e._x_toggleAndCascadeWithTransitions?e._x_toggleAndCascadeWithTransitions(e,t,s,a):t?l():a()})),u=!0;r((()=>i((e=>{(u||e!==o)&&(t.includes("immediate")&&(e?l():a()),c(e),o=e,u=!1)}))))})),ie("for",((e,{expression:t},{effect:n,cleanup:r})=>{let o=function(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,n=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!n)return;let r={};r.items=n[2].trim();let i=n[1].replace(/^\s*\(|\)\s*$/g,"").trim(),o=i.match(t);return o?(r.item=i.replace(t,"").trim(),r.index=o[1].trim(),o[2]&&(r.collection=o[2].trim())):r.item=i,r}(t),a=X(e,o.items),s=X(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},n((()=>function(e,t,n,r){let o=e;n((n=>{var a;a=n,!Array.isArray(a)&&!isNaN(a)&&n>=0&&(n=Array.from(Array(n).keys(),(e=>e+1))),void 0===n&&(n=[]);let s=e._x_lookup,l=e._x_prevKeys,c=[],u=[];if("object"!=typeof(f=n)||Array.isArray(f))for(let i=0;i<n.length;i++){let o=Kn(t,n[i],i,n);r((t=>{u.includes(t)&&we("Duplicate key on x-for",e),u.push(t)}),{scope:{index:i,...o}}),c.push(o)}else n=Object.entries(n).map((([i,o])=>{let a=Kn(t,o,i,n);r((t=>{u.includes(t)&&we("Duplicate key on x-for",e),u.push(t)}),{scope:{index:i,...a}}),c.push(a)}));var f;let p=[],_=[],h=[],y=[];for(let e=0;e<l.length;e++){let t=l[e];-1===u.indexOf(t)&&h.push(t)}l=l.filter((e=>!h.includes(e)));let m="template";for(let e=0;e<u.length;e++){let t=u[e],n=l.indexOf(t);if(-1===n)l.splice(e,0,t),p.push([m,e]);else if(n!==e){let t=l.splice(e,1)[0],r=l.splice(n-1,1)[0];l.splice(e,0,r),l.splice(n,0,t),_.push([t,r])}else y.push(t);m=t}for(let e=0;e<h.length;e++){let t=h[e];s[t]._x_effects&&s[t]._x_effects.forEach(d),s[t].remove(),s[t]=null,delete s[t]}for(let e=0;e<_.length;e++){let[t,n]=_[e],r=s[t],i=s[n],a=document.createElement("div");C((()=>{i||we('x-for ":key" is undefined or invalid',o,n,s),i.after(a),r.after(i),i._x_currentIfEl&&i.after(i._x_currentIfEl),a.before(r),r._x_currentIfEl&&r.after(r._x_currentIfEl),a.remove()})),i._x_refreshXForScope(c[u.indexOf(n)])}for(let e=0;e<p.length;e++){let[t,n]=p[e],r="template"===t?o:s[t];r._x_currentIfEl&&(r=r._x_currentIfEl);let a=c[n],l=u[n],f=document.importNode(o.content,!0).firstElementChild,d=i(a);N(f,d,o),f._x_refreshXForScope=e=>{Object.entries(e).forEach((([e,t])=>{d[e]=t}))},C((()=>{r.after(f),Ze((()=>Me(f)))()})),"object"==typeof l&&we("x-for key cannot be an object, it must be a string or an integer",o),s[l]=f}for(let e=0;e<y.length;e++)s[y[e]]._x_refreshXForScope(c[u.indexOf(y[e])]);o._x_prevKeys=u}))}(e,o,a,s))),r((()=>{Object.values(e._x_lookup).forEach((e=>e.remove())),delete e._x_prevKeys,delete e._x_lookup}))})),Zn.inline=(e,{expression:t},{cleanup:n})=>{let r=Te(e);r._x_refs||(r._x_refs={}),r._x_refs[t]=e,n((()=>delete r._x_refs[t]))},ie("ref",Zn),ie("if",((e,{expression:t},{effect:n,cleanup:r})=>{"template"!==e.tagName.toLowerCase()&&we("x-if can only be used on a <template> tag",e);let i=X(e,t);n((()=>i((t=>{t?(()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let t=e.content.cloneNode(!0).firstElementChild;N(t,{},e),C((()=>{e.after(t),Ze((()=>Me(t)))()})),e._x_currentIfEl=t,e._x_undoIf=()=>{be(t,(e=>{e._x_effects&&e._x_effects.forEach(d)})),t.remove(),delete e._x_currentIfEl}})():e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)})))),r((()=>e._x_undoIf&&e._x_undoIf()))})),ie("id",((e,{expression:t},{evaluate:n})=>{n(t).forEach((t=>function(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=Nn(t))}(e,t)))})),Xe(((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)})),_e(fe("@",ne("on:"))),ie("on",Ze(((e,{value:t,modifiers:n,expression:r},{cleanup:i})=>{let o=r?X(e,r):()=>{};"template"===e.tagName.toLowerCase()&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=Dn(e,t,n,(e=>{o((()=>{}),{scope:{$event:e},params:[e]})}));i((()=>a()))}))),Jn("Collapse","collapse","collapse"),Jn("Intersect","intersect","intersect"),Jn("Focus","trap","focus"),Jn("Mask","mask","mask"),_t.setEvaluator(G),_t.setReactivityEngine({reactive:jn,effect:function(e,t=mt){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return e();if(!Nt.includes(n)){It(n);try{return zt.push(Dt),Dt=!0,Nt.push(n),yt=n,e()}finally{Nt.pop(),Bt(),yt=Nt[Nt.length-1]}}};return n.id=qt++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n},release:function(e){e.active&&(It(e),e.options.onStop&&e.options.onStop(),e.active=!1)},raw:$n});var Xn=_t,Yn=n(122),Gn=n.n(Yn);function Qn(e,t){e.classList.remove("scale-100"),t.classList.add("scale-100"),e.classList.add("scale-0"),t.classList.remove("scale-0")}window.Alpine=Xn,Xn.plugin((function(t){t.directive("intersect",t.skipDuringClone(((t,{value:n,expression:i,modifiers:o},{evaluateLater:a,cleanup:s})=>{let l=a(i),c={rootMargin:r(o),threshold:e(o)},u=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting!==("leave"===n)&&(l(),o.includes("once")&&u.disconnect())}))}),c);u.observe(t),s((()=>{u.disconnect()}))})))})),Xn.start(),window.addEventListener("DOMContentLoaded",(()=>{!function(){const e=document.querySelectorAll(".highlight");if(!e)return;e.forEach((e=>{const t=e.querySelector("pre");if(t){const e='<button class="copy z-20 inline-flex h-6 w-6 items-center justify-center rounded-md border border-border bg-background opacity-0 focus:opacity-100 text-sm font-medium transition-all hover:bg-muted absolute right-4 top-4 tooltipped tooltipped-n" data-tooltip="Copy code" type="button"><span class="sr-only">Copy code</span><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 96 960 960" fill="currentColor" stroke="none" class="copy-icon h-[14px] w-[14px] transition-all transform scale-100 absolute"><path d="M200 976q-33 0-56.5-23.5T120 896V376q0-17 11.5-28.5T160 336q17 0 28.5 11.5T200 376v520h400q17 0 28.5 11.5T640 936q0 17-11.5 28.5T600 976H200Zm160-160q-33 0-56.5-23.5T280 736V256q0-33 23.5-56.5T360 176h360q33 0 56.5 23.5T800 256v480q0 33-23.5 56.5T720 816H360Zm0-80h360V256H360v480Zm0 0V256v480Z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 96 960 960" fill="currentColor" stroke="none" class="copy-success-icon h-[14px] w-[14px] transition-all transform scale-0 absolute"><path d="M382 799q-8 0-15-2.5t-13-8.5L182 616q-11-11-10.5-28.5T183 559q11-11 28-11t28 11l143 143 339-339q11-11 28.5-11t28.5 11q11 11 11 28.5T778 420L410 788q-6 6-13 8.5t-15 2.5Z"/></svg></button>';t.insertAdjacentHTML("beforeend",e)}}));const t=new(Gn())("button.copy",{target:e=>e.previousElementSibling});t.on("success",(({trigger:e})=>{const t=e.getAttribute("data-tooltip"),n=e.querySelector(".copy-icon"),r=e.querySelector(".copy-success-icon");Qn(n,r),e.setAttribute("data-tooltip","Copied!"),setTimeout((()=>{Qn(r,n),e.setAttribute("data-tooltip",t)}),2e3)}))}()}))}()}();
\ No newline at end of file
+(()=>{var e={122:function(e){var t;t=function(){return function(){var e={686:function(e,t,n){"use strict";n.d(t,{default:function(){return x}});var r=n(279),i=n.n(r),o=n(370),a=n.n(o),s=n(817),l=n.n(s);function c(e){try{return document.execCommand(e)}catch(e){return!1}}var u=function(e){var t=l()(e);return c("cut"),t},f=function(e,t){var n=function(e){var t="rtl"===document.documentElement.getAttribute("dir"),n=document.createElement("textarea");n.style.fontSize="12pt",n.style.border="0",n.style.padding="0",n.style.margin="0",n.style.position="absolute",n.style[t?"right":"left"]="-9999px";var r=window.pageYOffset||document.documentElement.scrollTop;return n.style.top="".concat(r,"px"),n.setAttribute("readonly",""),n.value=e,n}(e);t.container.appendChild(n);var r=l()(n);return c("copy"),n.remove(),r},d=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body},n="";return"string"==typeof e?n=f(e,t):e instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(null==e?void 0:e.type)?n=f(e.value,t):(n=l()(e),c("copy")),n};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function _(e){return _="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_(e)}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function v(e,t){var n="data-clipboard-".concat(e);if(t.hasAttribute(n))return t.getAttribute(n)}var g=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(l,e);var t,n,r,i,o,s=(i=l,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t,n=y(i);if(o){var r=y(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return!(t=e)||"object"!==_(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(this):t});function l(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),(n=s.call(this)).resolveOptions(t),n.listenClick(e),n}return t=l,n=[{key:"resolveOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof e.action?e.action:this.defaultAction,this.target="function"==typeof e.target?e.target:this.defaultTarget,this.text="function"==typeof e.text?e.text:this.defaultText,this.container="object"===_(e.container)?e.container:document.body}},{key:"listenClick",value:function(e){var t=this;this.listener=a()(e,"click",(function(e){return t.onClick(e)}))}},{key:"onClick",value:function(e){var t=e.delegateTarget||e.currentTarget,n=this.action(t)||"copy",r=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.action,n=void 0===t?"copy":t,r=e.container,i=e.target,o=e.text;if("copy"!==n&&"cut"!==n)throw new Error('Invalid "action" value, use either "copy" or "cut"');if(void 0!==i){if(!i||"object"!==p(i)||1!==i.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===n&&i.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===n&&(i.hasAttribute("readonly")||i.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes')}return o?d(o,{container:r}):i?"cut"===n?u(i):d(i,{container:r}):void 0}({action:n,container:this.container,target:this.target(t),text:this.text(t)});this.emit(r?"success":"error",{action:n,text:r,trigger:t,clearSelection:function(){t&&t.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(e){return v("action",e)}},{key:"defaultTarget",value:function(e){var t=v("target",e);if(t)return document.querySelector(t)}},{key:"defaultText",value:function(e){return v("text",e)}},{key:"destroy",value:function(){this.listener.destroy()}}],r=[{key:"copy",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{container:document.body};return d(e,t)}},{key:"cut",value:function(e){return u(e)}},{key:"isSupported",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],t="string"==typeof e?[e]:e,n=!!document.queryCommandSupported;return t.forEach((function(e){n=n&&!!document.queryCommandSupported(e)})),n}}],n&&h(t.prototype,n),r&&h(t,r),l}(i()),x=g},828:function(e){if("undefined"!=typeof Element&&!Element.prototype.matches){var t=Element.prototype;t.matches=t.matchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector||t.webkitMatchesSelector}e.exports=function(e,t){for(;e&&9!==e.nodeType;){if("function"==typeof e.matches&&e.matches(t))return e;e=e.parentNode}}},438:function(e,t,n){var r=n(828);function i(e,t,n,r,i){var a=o.apply(this,arguments);return e.addEventListener(n,a,i),{destroy:function(){e.removeEventListener(n,a,i)}}}function o(e,t,n,i){return function(n){n.delegateTarget=r(n.target,t),n.delegateTarget&&i.call(e,n)}}e.exports=function(e,t,n,r,o){return"function"==typeof e.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof e&&(e=document.querySelectorAll(e)),Array.prototype.map.call(e,(function(e){return i(e,t,n,r,o)})))}},879:function(e,t){t.node=function(e){return void 0!==e&&e instanceof HTMLElement&&1===e.nodeType},t.nodeList=function(e){var n=Object.prototype.toString.call(e);return void 0!==e&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in e&&(0===e.length||t.node(e[0]))},t.string=function(e){return"string"==typeof e||e instanceof String},t.fn=function(e){return"[object Function]"===Object.prototype.toString.call(e)}},370:function(e,t,n){var r=n(879),i=n(438);e.exports=function(e,t,n){if(!e&&!t&&!n)throw new Error("Missing required arguments");if(!r.string(t))throw new TypeError("Second argument must be a String");if(!r.fn(n))throw new TypeError("Third argument must be a Function");if(r.node(e))return function(e,t,n){return e.addEventListener(t,n),{destroy:function(){e.removeEventListener(t,n)}}}(e,t,n);if(r.nodeList(e))return function(e,t,n){return Array.prototype.forEach.call(e,(function(e){e.addEventListener(t,n)})),{destroy:function(){Array.prototype.forEach.call(e,(function(e){e.removeEventListener(t,n)}))}}}(e,t,n);if(r.string(e))return function(e,t,n){return i(document.body,e,t,n)}(e,t,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}},817:function(e){e.exports=function(e){var t;if("SELECT"===e.nodeName)e.focus(),t=e.value;else if("INPUT"===e.nodeName||"TEXTAREA"===e.nodeName){var n=e.hasAttribute("readonly");n||e.setAttribute("readonly",""),e.select(),e.setSelectionRange(0,e.value.length),n||e.removeAttribute("readonly"),t=e.value}else{e.hasAttribute("contenteditable")&&e.focus();var r=window.getSelection(),i=document.createRange();i.selectNodeContents(e),r.removeAllRanges(),r.addRange(i),t=r.toString()}return t}},279:function(e){function t(){}t.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var r=this;function i(){r.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),r=n[e],i=[];if(r&&t)for(var o=0,a=r.length;o<a;o++)r[o].fn!==t&&r[o].fn._!==t&&i.push(r[o]);return i.length?n[e]=i:delete n[e],this}},e.exports=t,e.exports.TinyEmitter=t}},t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}return n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n(686)}().default},e.exports=t()}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={exports:{}};return e[r].call(o.exports,o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";function e(e){if(e.includes("full"))return.99;if(e.includes("half"))return.5;if(!e.includes("threshold"))return 0;let t=e[e.indexOf("threshold")+1];return"100"===t?1:"0"===t?0:Number(`.${t}`)}function t(e){let t=e.match(/^(-?[0-9]+)(px|%)?$/);return t?t[1]+(t[2]||"px"):void 0}function r(e){const n="0px 0px 0px 0px",r=e.indexOf("margin");if(-1===r)return n;let i=[];for(let n=1;n<5;n++)i.push(t(e[r+n]||""));return i=i.filter((e=>void 0!==e)),i.length?i.join(" ").trim():n}var i,o,a,s,l=!1,c=!1,u=[],f=-1;function d(e){let t=u.indexOf(e);-1!==t&&t>f&&u.splice(t,1)}function p(){l=!1,c=!0;for(let e=0;e<u.length;e++)u[e](),f=e;u.length=0,f=-1,c=!1}var _=!0;function h(e){o=e}function m(e,t){let n,r=!0,i=o((()=>{let i=e();JSON.stringify(i),r?n=i:queueMicrotask((()=>{t(i,n),n=i})),r=!1}));return()=>a(i)}var y=[],v=[],g=[];function x(e,t){"function"==typeof t?(e._x_cleanups||(e._x_cleanups=[]),e._x_cleanups.push(t)):(t=e,v.push(t))}function b(e){y.push(e)}function w(e,t,n){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(n)}function E(e,t){e._x_attributeCleanups&&Object.entries(e._x_attributeCleanups).forEach((([n,r])=>{(void 0===t||t.includes(n))&&(r.forEach((e=>e())),delete e._x_attributeCleanups[n])}))}var S=new MutationObserver(L),A=!1;function O(){S.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),A=!0}function k(){!function(){let e=S.takeRecords();j.push((()=>e.length>0&&L(e)));let t=j.length;queueMicrotask((()=>{if(j.length===t)for(;j.length>0;)j.shift()()}))}(),S.disconnect(),A=!1}var j=[];function C(e){if(!A)return e();k();let t=e();return O(),t}var T=!1,$=[];function L(e){if(T)return void($=$.concat(e));let t=new Set,n=new Set,r=new Map,i=new Map;for(let o=0;o<e.length;o++)if(!e[o].target._x_ignoreMutationObserver&&("childList"===e[o].type&&(e[o].addedNodes.forEach((e=>1===e.nodeType&&t.add(e))),e[o].removedNodes.forEach((e=>1===e.nodeType&&n.add(e)))),"attributes"===e[o].type)){let t=e[o].target,n=e[o].attributeName,a=e[o].oldValue,s=()=>{r.has(t)||r.set(t,[]),r.get(t).push({name:n,value:t.getAttribute(n)})},l=()=>{i.has(t)||i.set(t,[]),i.get(t).push(n)};t.hasAttribute(n)&&null===a?s():t.hasAttribute(n)?(l(),s()):l()}i.forEach(((e,t)=>{E(t,e)})),r.forEach(((e,t)=>{y.forEach((n=>n(t,e)))}));for(let e of n)t.has(e)||v.forEach((t=>t(e)));t.forEach((e=>{e._x_ignoreSelf=!0,e._x_ignore=!0}));for(let e of t)n.has(e)||e.isConnected&&(delete e._x_ignoreSelf,delete e._x_ignore,g.forEach((t=>t(e))),e._x_ignore=!0,e._x_ignoreSelf=!0);t.forEach((e=>{delete e._x_ignoreSelf,delete e._x_ignore})),t=null,n=null,r=null,i=null}function N(e){return R(P(e))}function M(e,t,n){return e._x_dataStack=[t,...P(n||e)],()=>{e._x_dataStack=e._x_dataStack.filter((e=>e!==t))}}function P(e){return e._x_dataStack?e._x_dataStack:"function"==typeof ShadowRoot&&e instanceof ShadowRoot?P(e.host):e.parentNode?P(e.parentNode):[]}function R(e){return new Proxy({objects:e},q)}var q={ownKeys:({objects:e})=>Array.from(new Set(e.flatMap((e=>Object.keys(e))))),has:({objects:e},t)=>t!=Symbol.unscopables&&e.some((e=>Object.prototype.hasOwnProperty.call(e,t)||Reflect.has(e,t))),get:({objects:e},t,n)=>"toJSON"==t?I:Reflect.get(e.find((e=>Reflect.has(e,t)))||{},t,n),set({objects:e},t,n,r){const i=e.find((e=>Object.prototype.hasOwnProperty.call(e,t)))||e[e.length-1],o=Object.getOwnPropertyDescriptor(i,t);return o?.set&&o?.get?o.set.call(r,n)||!0:Reflect.set(i,t,n)}};function I(){return Reflect.ownKeys(this).reduce(((e,t)=>(e[t]=Reflect.get(this,t),e)),{})}function z(e){let t=(n,r="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach((([i,{value:o,enumerable:a}])=>{if(!1===a||void 0===o)return;if("object"==typeof o&&null!==o&&o.__v_skip)return;let s=""===r?i:`${r}.${i}`;var l;"object"==typeof o&&null!==o&&o._x_interceptor?n[i]=o.initialize(e,s,i):"object"!=typeof(l=o)||Array.isArray(l)||null===l||o===n||o instanceof Element||t(o,s)}))};return t(e)}function D(e,t=()=>{}){let n={initialValue:void 0,_x_interceptor:!0,initialize(t,n,r){return e(this.initialValue,(()=>function(e,t){return t.split(".").reduce(((e,t)=>e[t]),e)}(t,n)),(e=>B(t,n,e)),n,r)}};return t(n),e=>{if("object"==typeof e&&null!==e&&e._x_interceptor){let t=n.initialize.bind(n);n.initialize=(r,i,o)=>{let a=e.initialize(r,i,o);return n.initialValue=a,t(r,i,o)}}else n.initialValue=e;return n}}function B(e,t,n){if("string"==typeof t&&(t=t.split(".")),1!==t.length){if(0===t.length)throw error;return e[t[0]]||(e[t[0]]={}),B(e[t[0]],t.slice(1),n)}e[t[0]]=n}var F={};function H(e,t){F[e]=t}function W(e,t){let n=function(e){let[t,n]=ue(e),r={interceptor:D,...t};return x(e,n),r}(t);return Object.entries(F).forEach((([r,i])=>{Object.defineProperty(e,`$${r}`,{get:()=>i(t,n),enumerable:!1})})),e}function V(e,t,n,...r){try{return n(...r)}catch(n){U(n,e,t)}}function U(e,t,n=void 0){e=Object.assign(e??{message:"No error message given."},{el:t,expression:n}),console.warn(`Alpine Expression Error: ${e.message}\n\n${n?'Expression: "'+n+'"\n\n':""}`,t),setTimeout((()=>{throw e}),0)}var K=!0;function Z(e){let t=K;K=!1;let n=e();return K=t,n}function J(e,t,n={}){let r;return X(e,t)((e=>r=e),n),r}function X(...e){return Y(...e)}var Y=G;function G(e,t){let n={};W(n,e);let r=[n,...P(e)],i="function"==typeof t?function(e,t){return(n=()=>{},{scope:r={},params:i=[]}={})=>{ee(n,t.apply(R([r,...e]),i))}}(r,t):function(e,t,n){let r=function(e,t){if(Q[e])return Q[e];let n=Object.getPrototypeOf((async function(){})).constructor,r=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e;let i=(()=>{try{let t=new n(["__self","scope"],`with (scope) { __self.result = ${r} }; __self.finished = true; return __self.result;`);return Object.defineProperty(t,"name",{value:`[Alpine] ${e}`}),t}catch(n){return U(n,t,e),Promise.resolve()}})();return Q[e]=i,i}(t,n);return(i=()=>{},{scope:o={},params:a=[]}={})=>{r.result=void 0,r.finished=!1;let s=R([o,...e]);if("function"==typeof r){let e=r(r,s).catch((e=>U(e,n,t)));r.finished?(ee(i,r.result,s,a,n),r.result=void 0):e.then((e=>{ee(i,e,s,a,n)})).catch((e=>U(e,n,t))).finally((()=>r.result=void 0))}}}(r,t,e);return V.bind(null,e,t,i)}var Q={};function ee(e,t,n,r,i){if(K&&"function"==typeof t){let o=t.apply(n,r);o instanceof Promise?o.then((t=>ee(e,t,n,r))).catch((e=>U(e,i,t))):e(o)}else"object"==typeof t&&t instanceof Promise?t.then((t=>e(t))):e(t)}var te="x-";function ne(e=""){return te+e}var re={};function ie(e,t){return re[e]=t,{before(t){if(!re[t])return void console.warn(String.raw`Cannot find directive \`${t}\`. \`${e}\` will use the default order of execution`);const n=ve.indexOf(t);ve.splice(n>=0?n:ve.indexOf("DEFAULT"),0,e)}}}function oe(e,t,n){if(t=Array.from(t),e._x_virtualDirectives){let n=Object.entries(e._x_virtualDirectives).map((([e,t])=>({name:e,value:t}))),r=ae(n);n=n.map((e=>r.find((t=>t.name===e.name))?{name:`x-bind:${e.name}`,value:`"${e.value}"`}:e)),t=t.concat(n)}let r={},i=t.map(de(((e,t)=>r[e]=t))).filter(he).map(function(e,t){return({name:n,value:r})=>{let i=n.match(me()),o=n.match(/:([a-zA-Z0-9\-_:]+)/),a=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[n]||n;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:a.map((e=>e.replace(".",""))),expression:r,original:s}}}(r,n)).sort(ge);return i.map((t=>function(e,t){let n=re[t.type]||(()=>{}),[r,i]=ue(e);w(e,t.original,i);let o=()=>{e._x_ignore||e._x_ignoreSelf||(n.inline&&n.inline(e,t,r),n=n.bind(n,e,t,r),se?le.get(ce).push(n):n())};return o.runCleanups=i,o}(e,t)))}function ae(e){return Array.from(e).map(de()).filter((e=>!he(e)))}var se=!1,le=new Map,ce=Symbol();function ue(e){let t=[],[n,r]=function(e){let t=()=>{};return[n=>{let r=o(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach((e=>e()))}),e._x_effects.add(r),t=()=>{void 0!==r&&(e._x_effects.delete(r),a(r))},r},()=>{t()}]}(e);return t.push(r),[{Alpine:yt,effect:n,cleanup:e=>t.push(e),evaluateLater:X.bind(X,e),evaluate:J.bind(J,e)},()=>t.forEach((e=>e()))]}var fe=(e,t)=>({name:n,value:r})=>(n.startsWith(e)&&(n=n.replace(e,t)),{name:n,value:r});function de(e=()=>{}){return({name:t,value:n})=>{let{name:r,value:i}=pe.reduce(((e,t)=>t(e)),{name:t,value:n});return r!==t&&e(r,t),{name:r,value:i}}}var pe=[];function _e(e){pe.push(e)}function he({name:e}){return me().test(e)}var me=()=>new RegExp(`^${te}([^:^.]+)\\b`),ye="DEFAULT",ve=["ignore","ref","data","id","anchor","bind","init","for","model","modelable","transition","show","if",ye,"teleport"];function ge(e,t){let n=-1===ve.indexOf(e.type)?ye:e.type,r=-1===ve.indexOf(t.type)?ye:t.type;return ve.indexOf(n)-ve.indexOf(r)}function xe(e,t,n={}){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0}))}function be(e,t){if("function"==typeof ShadowRoot&&e instanceof ShadowRoot)return void Array.from(e.children).forEach((e=>be(e,t)));let n=!1;if(t(e,(()=>n=!0)),n)return;let r=e.firstElementChild;for(;r;)be(r,t),r=r.nextElementSibling}function we(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var Ee=!1,Se=[],Ae=[];function Oe(){return Se.map((e=>e()))}function ke(){return Se.concat(Ae).map((e=>e()))}function je(e){Se.push(e)}function Ce(e){Ae.push(e)}function Te(e,t=!1){return $e(e,(e=>{if((t?ke():Oe()).some((t=>e.matches(t))))return!0}))}function $e(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),e.parentElement)return $e(e.parentElement,t)}}var Le=[];function Ne(e,t=be,n=()=>{}){!function(){se=!0;let r=Symbol();ce=r,le.set(r,[]);let i=()=>{for(;le.get(r).length;)le.get(r).shift()();le.delete(r)};t(e,((e,t)=>{n(e,t),Le.forEach((n=>n(e,t))),oe(e,e.attributes).forEach((e=>e())),e._x_ignore&&t()})),se=!1,i()}()}function Me(e,t=be){t(e,(e=>{!function(e){for(e._x_effects?.forEach(d);e._x_cleanups?.length;)e._x_cleanups.pop()()}(e),E(e)}))}var Pe=[],Re=!1;function qe(e=()=>{}){return queueMicrotask((()=>{Re||setTimeout((()=>{Ie()}))})),new Promise((t=>{Pe.push((()=>{e(),t()}))}))}function Ie(){for(Re=!1;Pe.length;)Pe.shift()()}function ze(e,t){return Array.isArray(t)?De(e,t.join(" ")):"object"==typeof t&&null!==t?function(e,t){let n=e=>e.split(" ").filter(Boolean),r=Object.entries(t).flatMap((([e,t])=>!!t&&n(e))).filter(Boolean),i=Object.entries(t).flatMap((([e,t])=>!t&&n(e))).filter(Boolean),o=[],a=[];return i.forEach((t=>{e.classList.contains(t)&&(e.classList.remove(t),a.push(t))})),r.forEach((t=>{e.classList.contains(t)||(e.classList.add(t),o.push(t))})),()=>{a.forEach((t=>e.classList.add(t))),o.forEach((t=>e.classList.remove(t)))}}(e,t):"function"==typeof t?ze(e,t()):De(e,t)}function De(e,t){return t=!0===t?t="":t||"",n=t.split(" ").filter((t=>!e.classList.contains(t))).filter(Boolean),e.classList.add(...n),()=>{e.classList.remove(...n)};var n}function Be(e,t){return"object"==typeof t&&null!==t?function(e,t){let n={};return Object.entries(t).forEach((([t,r])=>{n[t]=e.style[t],t.startsWith("--")||(t=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()),e.style.setProperty(t,r)})),setTimeout((()=>{0===e.style.length&&e.removeAttribute("style")})),()=>{Be(e,n)}}(e,t):function(e,t){let n=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",n||"")}}(e,t)}function Fe(e,t=()=>{}){let n=!1;return function(){n?t.apply(this,arguments):(n=!0,e.apply(this,arguments))}}function He(e,t,n={}){e._x_transition||(e._x_transition={enter:{during:n,start:n,end:n},leave:{during:n,start:n,end:n},in(n=()=>{},r=()=>{}){Ve(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,r)},out(n=()=>{},r=()=>{}){Ve(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,r)}})}function We(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:We(t)}function Ve(e,t,{during:n,start:r,end:i}={},o=()=>{},a=()=>{}){if(e._x_transitioning&&e._x_transitioning.cancel(),0===Object.keys(n).length&&0===Object.keys(r).length&&0===Object.keys(i).length)return o(),void a();let s,l,c;!function(e,t){let n,r,i,o=Fe((()=>{C((()=>{n=!0,r||t.before(),i||(t.end(),Ie()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning}))}));e._x_transitioning={beforeCancels:[],beforeCancel(e){this.beforeCancels.push(e)},cancel:Fe((function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()})),finish:o},C((()=>{t.start(),t.during()})),Re=!0,requestAnimationFrame((()=>{if(n)return;let o=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s","")),a=1e3*Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""));0===o&&(o=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),C((()=>{t.before()})),r=!0,requestAnimationFrame((()=>{n||(C((()=>{t.end()})),Ie(),setTimeout(e._x_transitioning.finish,o+a),i=!0)}))}))}(e,{start(){s=t(e,r)},during(){l=t(e,n)},before:o,end(){s(),c=t(e,i)},after:a,cleanup(){l(),c()}})}function Ue(e,t,n){if(-1===e.indexOf(t))return n;const r=e[e.indexOf(t)+1];if(!r)return n;if("scale"===t&&isNaN(r))return n;if("duration"===t||"delay"===t){let e=r.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[r,e[e.indexOf(t)+2]].join(" "):r}ie("transition",((e,{value:t,modifiers:n,expression:r},{evaluate:i})=>{"function"==typeof r&&(r=i(r)),!1!==r&&(r&&"boolean"!=typeof r?function(e,t,n){He(e,ze,""),{enter:t=>{e._x_transition.enter.during=t},"enter-start":t=>{e._x_transition.enter.start=t},"enter-end":t=>{e._x_transition.enter.end=t},leave:t=>{e._x_transition.leave.during=t},"leave-start":t=>{e._x_transition.leave.start=t},"leave-end":t=>{e._x_transition.leave.end=t}}[n](t)}(e,r,t):function(e,t,n){He(e,Be);let r=!t.includes("in")&&!t.includes("out")&&!n,i=r||t.includes("in")||["enter"].includes(n),o=r||t.includes("out")||["leave"].includes(n);t.includes("in")&&!r&&(t=t.filter(((e,n)=>n<t.indexOf("out")))),t.includes("out")&&!r&&(t=t.filter(((e,n)=>n>t.indexOf("out"))));let a=!t.includes("opacity")&&!t.includes("scale"),s=a||t.includes("opacity")?0:1,l=a||t.includes("scale")?Ue(t,"scale",95)/100:1,c=Ue(t,"delay",0)/1e3,u=Ue(t,"origin","center"),f="opacity, transform",d=Ue(t,"duration",150)/1e3,p=Ue(t,"duration",75)/1e3,_="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:u,transitionDelay:`${c}s`,transitionProperty:f,transitionDuration:`${d}s`,transitionTimingFunction:_},e._x_transition.enter.start={opacity:s,transform:`scale(${l})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(e._x_transition.leave.during={transformOrigin:u,transitionDelay:`${c}s`,transitionProperty:f,transitionDuration:`${p}s`,transitionTimingFunction:_},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:s,transform:`scale(${l})`})}(e,n,t))})),window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,n,r){const i="visible"===document.visibilityState?requestAnimationFrame:setTimeout;let o=()=>i(n);t?e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(n):o():e._x_transition?e._x_transition.in(n):o():(e._x_hidePromise=e._x_transition?new Promise(((t,n)=>{e._x_transition.out((()=>{}),(()=>t(r))),e._x_transitioning&&e._x_transitioning.beforeCancel((()=>n({isFromCancelledTransition:!0})))})):Promise.resolve(r),queueMicrotask((()=>{let t=We(e);t?(t._x_hideChildren||(t._x_hideChildren=[]),t._x_hideChildren.push(e)):i((()=>{let t=e=>{let n=Promise.all([e._x_hidePromise,...(e._x_hideChildren||[]).map(t)]).then((([e])=>e?.()));return delete e._x_hidePromise,delete e._x_hideChildren,n};t(e).catch((e=>{if(!e.isFromCancelledTransition)throw e}))}))})))};var Ke=!1;function Ze(e,t=()=>{}){return(...n)=>Ke?t(...n):e(...n)}var Je=[];function Xe(e){Je.push(e)}var Ye=!1;function Ge(e){let t=o;h(((e,n)=>{let r=t(e);return a(r),()=>{}})),e(),h(t)}function Qe(e,t,n,r=[]){switch(e._x_bindings||(e._x_bindings=i({})),e._x_bindings[t]=n,t=r.includes("camel")?t.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase())):t){case"value":!function(e,t){if(st(e))void 0===e.attributes.value&&(e.value=t),window.fromModel&&(e.checked="boolean"==typeof t?nt(e.value)===t:tt(e.value,t));else if(at(e))Number.isInteger(t)?e.value=t:Array.isArray(t)||"boolean"==typeof t||[null,void 0].includes(t)?Array.isArray(t)?e.checked=t.some((t=>tt(t,e.value))):e.checked=!!t:e.value=String(t);else if("SELECT"===e.tagName)!function(e,t){const n=[].concat(t).map((e=>e+""));Array.from(e.options).forEach((e=>{e.selected=n.includes(e.value)}))}(e,t);else{if(e.value===t)return;e.value=void 0===t?"":t}}(e,n);break;case"style":!function(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles(),e._x_undoAddedStyles=Be(e,t)}(e,n);break;case"class":!function(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedClasses=ze(e,t)}(e,n);break;case"selected":case"checked":!function(e,t,n){et(e,t,n),function(e,t,n){e[t]!==n&&(e[t]=n)}(e,t,n)}(e,t,n);break;default:et(e,t,n)}}function et(e,t,n){[null,void 0,!1].includes(n)&&function(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}(t)?e.removeAttribute(t):(it(t)&&(n=t),function(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}(e,t,n))}function tt(e,t){return e==t}function nt(e){return!![1,"1","true","on","yes",!0].includes(e)||![0,"0","false","off","no",!1].includes(e)&&(e?Boolean(e):null)}var rt=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootdelegatesfocus","shadowrootserializable"]);function it(e){return rt.has(e)}function ot(e,t,n){let r=e.getAttribute(t);return null===r?"function"==typeof n?n():n:""===r||(it(t)?!![t,"true"].includes(r):r)}function at(e){return"checkbox"===e.type||"ui-checkbox"===e.localName||"ui-switch"===e.localName}function st(e){return"radio"===e.type||"ui-radio"===e.localName}function lt(e,t){var n;return function(){var r=this,i=arguments;clearTimeout(n),n=setTimeout((function(){n=null,e.apply(r,i)}),t)}}function ct(e,t){let n;return function(){let r=arguments;n||(e.apply(this,r),n=!0,setTimeout((()=>n=!1),t))}}function ut({get:e,set:t},{get:n,set:r}){let i,s,l=!0,c=o((()=>{let o=e(),a=n();if(l)r(ft(o)),l=!1;else{let e=JSON.stringify(o),n=JSON.stringify(a);e!==i?r(ft(o)):e!==n&&t(ft(a))}i=JSON.stringify(e()),s=JSON.stringify(n())}));return()=>{a(c)}}function ft(e){return"object"==typeof e?JSON.parse(JSON.stringify(e)):e}var dt={},pt=!1,_t={};function ht(e,t,n){let r=[];for(;r.length;)r.pop()();let i=Object.entries(t).map((([e,t])=>({name:e,value:t}))),o=ae(i);return i=i.map((e=>o.find((t=>t.name===e.name))?{name:`x-bind:${e.name}`,value:`"${e.value}"`}:e)),oe(e,i,n).map((e=>{r.push(e.runCleanups),e()})),()=>{for(;r.length;)r.pop()()}}var mt={},yt={get reactive(){return i},get release(){return a},get effect(){return o},get raw(){return s},version:"3.14.3",flushAndStopDeferringMutations:function(){T=!1,L($),$=[]},dontAutoEvaluateFunctions:Z,disableEffectScheduling:function(e){_=!1,e(),_=!0},startObservingMutations:O,stopObservingMutations:k,setReactivityEngine:function(e){i=e.reactive,a=e.release,o=t=>e.effect(t,{scheduler:e=>{_?function(e){var t;t=e,u.includes(t)||u.push(t),c||l||(l=!0,queueMicrotask(p))}(e):e()}}),s=e.raw},onAttributeRemoved:w,onAttributesAdded:b,closestDataStack:P,skipDuringClone:Ze,onlyDuringClone:function(e){return(...t)=>Ke&&e(...t)},addRootSelector:je,addInitSelector:Ce,interceptClone:Xe,addScopeToNode:M,deferMutations:function(){T=!0},mapAttributes:_e,evaluateLater:X,interceptInit:function(e){Le.push(e)},setEvaluator:function(e){Y=e},mergeProxies:R,extractProp:function(e,t,n,r=!0){if(e._x_bindings&&void 0!==e._x_bindings[t])return e._x_bindings[t];if(e._x_inlineBindings&&void 0!==e._x_inlineBindings[t]){let n=e._x_inlineBindings[t];return n.extract=r,Z((()=>J(e,n.expression)))}return ot(e,t,n)},findClosest:$e,onElRemoved:x,closestRoot:Te,destroyTree:Me,interceptor:D,transition:Ve,setStyles:Be,mutateDom:C,directive:ie,entangle:ut,throttle:ct,debounce:lt,evaluate:J,initTree:Ne,nextTick:qe,prefixed:ne,prefix:function(e){te=e},plugin:function(e){(Array.isArray(e)?e:[e]).forEach((e=>e(yt)))},magic:H,store:function(e,t){if(pt||(dt=i(dt),pt=!0),void 0===t)return dt[e];dt[e]=t,z(dt[e]),"object"==typeof t&&null!==t&&t.hasOwnProperty("init")&&"function"==typeof t.init&&dt[e].init()},start:function(){var e;Ee&&we("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Ee=!0,document.body||we("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),xe(document,"alpine:init"),xe(document,"alpine:initializing"),O(),e=e=>Ne(e,be),g.push(e),x((e=>Me(e))),b(((e,t)=>{oe(e,t).forEach((e=>e()))})),Array.from(document.querySelectorAll(ke().join(","))).filter((e=>!Te(e.parentElement,!0))).forEach((e=>{Ne(e)})),xe(document,"alpine:initialized"),setTimeout((()=>{[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach((([e,t,n])=>{var r;r=t,Object.keys(re).includes(r)||n.some((t=>{if(document.querySelector(t))return we(`found "${t}", but missing ${e} plugin`),!0}))}))}))},clone:function(e,t){t._x_dataStack||(t._x_dataStack=e._x_dataStack),Ke=!0,Ye=!0,Ge((()=>{!function(e){let t=!1;Ne(e,((e,n)=>{be(e,((e,r)=>{if(t&&function(e){return Oe().some((t=>e.matches(t)))}(e))return r();t=!0,n(e,r)}))}))}(t)})),Ke=!1,Ye=!1},cloneNode:function(e,t){Je.forEach((n=>n(e,t))),Ke=!0,Ge((()=>{Ne(t,((e,t)=>{t(e,(()=>{}))}))})),Ke=!1},bound:function(e,t,n){return e._x_bindings&&void 0!==e._x_bindings[t]?e._x_bindings[t]:ot(e,t,n)},$data:N,watch:m,walk:be,data:function(e,t){mt[e]=t},bind:function(e,t){let n="function"!=typeof t?()=>t:t;return e instanceof Element?ht(e,n()):(_t[e]=n,()=>{})}};function vt(e,t){const n=Object.create(null),r=e.split(",");for(let e=0;e<r.length;e++)n[r[e]]=!0;return t?e=>!!n[e.toLowerCase()]:e=>!!n[e]}var gt,xt=Object.freeze({}),bt=(Object.freeze([]),Object.prototype.hasOwnProperty),wt=(e,t)=>bt.call(e,t),Et=Array.isArray,St=e=>"[object Map]"===jt(e),At=e=>"symbol"==typeof e,Ot=e=>null!==e&&"object"==typeof e,kt=Object.prototype.toString,jt=e=>kt.call(e),Ct=e=>jt(e).slice(8,-1),Tt=e=>"string"==typeof e&&"NaN"!==e&&"-"!==e[0]&&""+parseInt(e,10)===e,$t=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Lt=/-(\w)/g,Nt=($t((e=>e.replace(Lt,((e,t)=>t?t.toUpperCase():"")))),/\B([A-Z])/g),Mt=($t((e=>e.replace(Nt,"-$1").toLowerCase())),$t((e=>e.charAt(0).toUpperCase()+e.slice(1)))),Pt=($t((e=>e?`on${Mt(e)}`:"")),(e,t)=>e!==t&&(e==e||t==t)),Rt=new WeakMap,qt=[],It=Symbol("iterate"),zt=Symbol("Map key iterate"),Dt=0;function Bt(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}var Ft=!0,Ht=[];function Wt(){const e=Ht.pop();Ft=void 0===e||e}function Vt(e,t,n){if(!Ft||void 0===gt)return;let r=Rt.get(e);r||Rt.set(e,r=new Map);let i=r.get(n);i||r.set(n,i=new Set),i.has(gt)||(i.add(gt),gt.deps.push(i),gt.options.onTrack&&gt.options.onTrack({effect:gt,target:e,type:t,key:n}))}function Ut(e,t,n,r,i,o){const a=Rt.get(e);if(!a)return;const s=new Set,l=e=>{e&&e.forEach((e=>{(e!==gt||e.allowRecurse)&&s.add(e)}))};if("clear"===t)a.forEach(l);else if("length"===n&&Et(e))a.forEach(((e,t)=>{("length"===t||t>=r)&&l(e)}));else switch(void 0!==n&&l(a.get(n)),t){case"add":Et(e)?Tt(n)&&l(a.get("length")):(l(a.get(It)),St(e)&&l(a.get(zt)));break;case"delete":Et(e)||(l(a.get(It)),St(e)&&l(a.get(zt)));break;case"set":St(e)&&l(a.get(It))}s.forEach((a=>{a.options.onTrigger&&a.options.onTrigger({effect:a,target:e,key:n,type:t,newValue:r,oldValue:i,oldTarget:o}),a.options.scheduler?a.options.scheduler(a):a()}))}var Kt=vt("__proto__,__v_isRef,__isVue"),Zt=new Set(Object.getOwnPropertyNames(Symbol).map((e=>Symbol[e])).filter(At)),Jt=Qt(),Xt=Qt(!0),Yt=Gt();function Gt(){const e={};return["includes","indexOf","lastIndexOf"].forEach((t=>{e[t]=function(...e){const n=Mn(this);for(let e=0,t=this.length;e<t;e++)Vt(n,"get",e+"");const r=n[t](...e);return-1===r||!1===r?n[t](...e.map(Mn)):r}})),["push","pop","shift","unshift","splice"].forEach((t=>{e[t]=function(...e){Ht.push(Ft),Ft=!1;const n=Mn(this)[t].apply(this,e);return Wt(),n}})),e}function Qt(e=!1,t=!1){return function(n,r,i){if("__v_isReactive"===r)return!e;if("__v_isReadonly"===r)return e;if("__v_raw"===r&&i===(e?t?Tn:Cn:t?jn:kn).get(n))return n;const o=Et(n);if(!e&&o&&wt(Yt,r))return Reflect.get(Yt,r,i);const a=Reflect.get(n,r,i);return(At(r)?Zt.has(r):Kt(r))?a:(e||Vt(n,"get",r),t?a:Pn(a)?o&&Tt(r)?a:a.value:Ot(a)?e?Ln(a):$n(a):a)}}function en(e=!1){return function(t,n,r,i){let o=t[n];if(!e&&(r=Mn(r),o=Mn(o),!Et(t)&&Pn(o)&&!Pn(r)))return o.value=r,!0;const a=Et(t)&&Tt(n)?Number(n)<t.length:wt(t,n),s=Reflect.set(t,n,r,i);return t===Mn(i)&&(a?Pt(r,o)&&Ut(t,"set",n,r,o):Ut(t,"add",n,r)),s}}var tn={get:Jt,set:en(),deleteProperty:function(e,t){const n=wt(e,t),r=e[t],i=Reflect.deleteProperty(e,t);return i&&n&&Ut(e,"delete",t,void 0,r),i},has:function(e,t){const n=Reflect.has(e,t);return At(t)&&Zt.has(t)||Vt(e,"has",t),n},ownKeys:function(e){return Vt(e,"iterate",Et(e)?"length":It),Reflect.ownKeys(e)}},nn={get:Xt,set:(e,t)=>(console.warn(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0),deleteProperty:(e,t)=>(console.warn(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0)},rn=e=>Ot(e)?$n(e):e,on=e=>Ot(e)?Ln(e):e,an=e=>e,sn=e=>Reflect.getPrototypeOf(e);function ln(e,t,n=!1,r=!1){const i=Mn(e=e.__v_raw),o=Mn(t);t!==o&&!n&&Vt(i,"get",t),!n&&Vt(i,"get",o);const{has:a}=sn(i),s=r?an:n?on:rn;return a.call(i,t)?s(e.get(t)):a.call(i,o)?s(e.get(o)):void(e!==i&&e.get(t))}function cn(e,t=!1){const n=this.__v_raw,r=Mn(n),i=Mn(e);return e!==i&&!t&&Vt(r,"has",e),!t&&Vt(r,"has",i),e===i?n.has(e):n.has(e)||n.has(i)}function un(e,t=!1){return e=e.__v_raw,!t&&Vt(Mn(e),"iterate",It),Reflect.get(e,"size",e)}function fn(e){e=Mn(e);const t=Mn(this);return sn(t).has.call(t,e)||(t.add(e),Ut(t,"add",e,e)),this}function dn(e,t){t=Mn(t);const n=Mn(this),{has:r,get:i}=sn(n);let o=r.call(n,e);o?On(n,r,e):(e=Mn(e),o=r.call(n,e));const a=i.call(n,e);return n.set(e,t),o?Pt(t,a)&&Ut(n,"set",e,t,a):Ut(n,"add",e,t),this}function pn(e){const t=Mn(this),{has:n,get:r}=sn(t);let i=n.call(t,e);i?On(t,n,e):(e=Mn(e),i=n.call(t,e));const o=r?r.call(t,e):void 0,a=t.delete(e);return i&&Ut(t,"delete",e,void 0,o),a}function _n(){const e=Mn(this),t=0!==e.size,n=St(e)?new Map(e):new Set(e),r=e.clear();return t&&Ut(e,"clear",void 0,void 0,n),r}function hn(e,t){return function(n,r){const i=this,o=i.__v_raw,a=Mn(o),s=t?an:e?on:rn;return!e&&Vt(a,"iterate",It),o.forEach(((e,t)=>n.call(r,s(e),s(t),i)))}}function mn(e,t,n){return function(...r){const i=this.__v_raw,o=Mn(i),a=St(o),s="entries"===e||e===Symbol.iterator&&a,l="keys"===e&&a,c=i[e](...r),u=n?an:t?on:rn;return!t&&Vt(o,"iterate",l?zt:It),{next(){const{value:e,done:t}=c.next();return t?{value:e,done:t}:{value:s?[u(e[0]),u(e[1])]:u(e),done:t}},[Symbol.iterator](){return this}}}}function yn(e){return function(...t){{const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${Mt(e)} operation ${n}failed: target is readonly.`,Mn(this))}return"delete"!==e&&this}}function vn(){const e={get(e){return ln(this,e)},get size(){return un(this)},has:cn,add:fn,set:dn,delete:pn,clear:_n,forEach:hn(!1,!1)},t={get(e){return ln(this,e,!1,!0)},get size(){return un(this)},has:cn,add:fn,set:dn,delete:pn,clear:_n,forEach:hn(!1,!0)},n={get(e){return ln(this,e,!0)},get size(){return un(this,!0)},has(e){return cn.call(this,e,!0)},add:yn("add"),set:yn("set"),delete:yn("delete"),clear:yn("clear"),forEach:hn(!0,!1)},r={get(e){return ln(this,e,!0,!0)},get size(){return un(this,!0)},has(e){return cn.call(this,e,!0)},add:yn("add"),set:yn("set"),delete:yn("delete"),clear:yn("clear"),forEach:hn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach((i=>{e[i]=mn(i,!1,!1),n[i]=mn(i,!0,!1),t[i]=mn(i,!1,!0),r[i]=mn(i,!0,!0)})),[e,n,t,r]}var[gn,xn,bn,wn]=vn();function En(e,t){const n=t?e?wn:bn:e?xn:gn;return(t,r,i)=>"__v_isReactive"===r?!e:"__v_isReadonly"===r?e:"__v_raw"===r?t:Reflect.get(wt(n,r)&&r in t?n:t,r,i)}var Sn={get:En(!1,!1)},An={get:En(!0,!1)};function On(e,t,n){const r=Mn(n);if(r!==n&&t.call(e,r)){const t=Ct(e);console.warn(`Reactive ${t} contains both the raw and reactive versions of the same object${"Map"===t?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var kn=new WeakMap,jn=new WeakMap,Cn=new WeakMap,Tn=new WeakMap;function $n(e){return e&&e.__v_isReadonly?e:Nn(e,!1,tn,Sn,kn)}function Ln(e){return Nn(e,!0,nn,An,Cn)}function Nn(e,t,n,r,i){if(!Ot(e))return console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&(!t||!e.__v_isReactive))return e;const o=i.get(e);if(o)return o;const a=(s=e).__v_skip||!Object.isExtensible(s)?0:function(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}(Ct(s));var s;if(0===a)return e;const l=new Proxy(e,2===a?r:n);return i.set(e,l),l}function Mn(e){return e&&Mn(e.__v_raw)||e}function Pn(e){return Boolean(e&&!0===e.__v_isRef)}H("nextTick",(()=>qe)),H("dispatch",(e=>xe.bind(xe,e))),H("watch",((e,{evaluateLater:t,cleanup:n})=>(e,r)=>{let i=t(e),o=m((()=>{let e;return i((t=>e=t)),e}),r);n(o)})),H("store",(function(){return dt})),H("data",(e=>N(e))),H("root",(e=>Te(e))),H("refs",(e=>(e._x_refs_proxy||(e._x_refs_proxy=R(function(e){let t=[];return $e(e,(e=>{e._x_refs&&t.push(e._x_refs)})),t}(e))),e._x_refs_proxy)));var Rn={};function qn(e){return Rn[e]||(Rn[e]=0),++Rn[e]}function In(e,t,n){H(t,(r=>we(`You can't use [$${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r)))}H("id",((e,{cleanup:t})=>(n,r=null)=>function(e,t,n,r){if(e._x_id||(e._x_id={}),e._x_id[t])return e._x_id[t];let i=r();return e._x_id[t]=i,n((()=>{delete e._x_id[t]})),i}(e,`${n}${r?`-${r}`:""}`,t,(()=>{let t=function(e,t){return $e(e,(e=>{if(e._x_ids&&e._x_ids[t])return!0}))}(e,n),i=t?t._x_ids[n]:qn(n);return r?`${n}-${i}-${r}`:`${n}-${i}`})))),Xe(((e,t)=>{e._x_id&&(t._x_id=e._x_id)})),H("el",(e=>e)),In("Focus","focus","focus"),In("Persist","persist","persist"),ie("modelable",((e,{expression:t},{effect:n,evaluateLater:r,cleanup:i})=>{let o=r(t),a=()=>{let e;return o((t=>e=t)),e},s=r(`${t} = __placeholder`),l=e=>s((()=>{}),{scope:{__placeholder:e}}),c=a();l(c),queueMicrotask((()=>{if(!e._x_model)return;e._x_removeModelListeners.default();let t=e._x_model.get,n=e._x_model.set,r=ut({get:()=>t(),set(e){n(e)}},{get:()=>a(),set(e){l(e)}});i(r)}))})),ie("teleport",((e,{modifiers:t,expression:n},{cleanup:r})=>{"template"!==e.tagName.toLowerCase()&&we("x-teleport can only be used on a <template> tag",e);let i=Dn(n),o=e.content.cloneNode(!0).firstElementChild;e._x_teleport=o,o._x_teleportBack=e,e.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),e._x_forwardEvents&&e._x_forwardEvents.forEach((t=>{o.addEventListener(t,(t=>{t.stopPropagation(),e.dispatchEvent(new t.constructor(t.type,t))}))})),M(o,{},e);let a=(e,t,n)=>{n.includes("prepend")?t.parentNode.insertBefore(e,t):n.includes("append")?t.parentNode.insertBefore(e,t.nextSibling):t.appendChild(e)};C((()=>{a(o,i,t),Ze((()=>{Ne(o),o._x_ignore=!0}))()})),e._x_teleportPutBack=()=>{let r=Dn(n);C((()=>{a(e._x_teleport,r,t)}))},r((()=>C((()=>{o.remove(),Me(o)}))))}));var zn=document.createElement("div");function Dn(e){let t=Ze((()=>document.querySelector(e)),(()=>zn))();return t||we(`Cannot find x-teleport element for selector: "${e}"`),t}var Bn=()=>{};function Fn(e,t,n,r){let i=e,o=e=>r(e),a={},s=(e,t)=>n=>t(e,n);if(n.includes("dot")&&(t=t.replace(/-/g,".")),n.includes("camel")&&(t=t.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase()))),n.includes("passive")&&(a.passive=!0),n.includes("capture")&&(a.capture=!0),n.includes("window")&&(i=window),n.includes("document")&&(i=document),n.includes("debounce")){let e=n[n.indexOf("debounce")+1]||"invalid-wait",t=Hn(e.split("ms")[0])?Number(e.split("ms")[0]):250;o=lt(o,t)}if(n.includes("throttle")){let e=n[n.indexOf("throttle")+1]||"invalid-wait",t=Hn(e.split("ms")[0])?Number(e.split("ms")[0]):250;o=ct(o,t)}return n.includes("prevent")&&(o=s(o,((e,t)=>{t.preventDefault(),e(t)}))),n.includes("stop")&&(o=s(o,((e,t)=>{t.stopPropagation(),e(t)}))),n.includes("once")&&(o=s(o,((e,n)=>{e(n),i.removeEventListener(t,o,a)}))),(n.includes("away")||n.includes("outside"))&&(i=document,o=s(o,((t,n)=>{e.contains(n.target)||!1!==n.target.isConnected&&(e.offsetWidth<1&&e.offsetHeight<1||!1!==e._x_isShown&&t(n))}))),n.includes("self")&&(o=s(o,((t,n)=>{n.target===e&&t(n)}))),(function(e){return["keydown","keyup"].includes(e)}(t)||Wn(t))&&(o=s(o,((e,t)=>{(function(e,t){let n=t.filter((e=>!["window","document","prevent","stop","once","capture","self","away","outside","passive"].includes(e)));if(n.includes("debounce")){let e=n.indexOf("debounce");n.splice(e,Hn((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(n.includes("throttle")){let e=n.indexOf("throttle");n.splice(e,Hn((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===n.length)return!1;if(1===n.length&&Vn(e.key).includes(n[0]))return!1;const r=["ctrl","shift","alt","meta","cmd","super"].filter((e=>n.includes(e)));if(n=n.filter((e=>!r.includes(e))),r.length>0&&r.filter((t=>("cmd"!==t&&"super"!==t||(t="meta"),e[`${t}Key`]))).length===r.length){if(Wn(e.type))return!1;if(Vn(e.key).includes(n[0]))return!1}return!0})(t,n)||e(t)}))),i.addEventListener(t,o,a),()=>{i.removeEventListener(t,o,a)}}function Hn(e){return!Array.isArray(e)&&!isNaN(e)}function Wn(e){return["contextmenu","click","mouse"].some((t=>e.includes(t)))}function Vn(e){if(!e)return[];var t;e=[" ","_"].includes(t=e)?t:t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase();let n={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return n[e]=e,Object.keys(n).map((t=>{if(n[t]===e)return t})).filter((e=>e))}function Un(e,t,n,r){return C((()=>{if(n instanceof CustomEvent&&void 0!==n.detail)return null!==n.detail&&void 0!==n.detail?n.detail:n.target.value;if(at(e)){if(Array.isArray(r)){let e=null;return e=t.includes("number")?Kn(n.target.value):t.includes("boolean")?nt(n.target.value):n.target.value,n.target.checked?r.includes(e)?r:r.concat([e]):r.filter((t=>!(t==e)))}return n.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map((e=>Kn(e.value||e.text))):t.includes("boolean")?Array.from(n.target.selectedOptions).map((e=>nt(e.value||e.text))):Array.from(n.target.selectedOptions).map((e=>e.value||e.text));{let i;return i=st(e)?n.target.checked?n.target.value:r:n.target.value,t.includes("number")?Kn(i):t.includes("boolean")?nt(i):t.includes("trim")?i.trim():i}}))}function Kn(e){let t=e?parseFloat(e):null;return n=t,Array.isArray(n)||isNaN(n)?e:t;var n}function Zn(e){return null!==e&&"object"==typeof e&&"function"==typeof e.get&&"function"==typeof e.set}Bn.inline=(e,{modifiers:t},{cleanup:n})=>{t.includes("self")?e._x_ignoreSelf=!0:e._x_ignore=!0,n((()=>{t.includes("self")?delete e._x_ignoreSelf:delete e._x_ignore}))},ie("ignore",Bn),ie("effect",Ze(((e,{expression:t},{effect:n})=>{n(X(e,t))}))),ie("model",((e,{modifiers:t,expression:n},{effect:r,cleanup:i})=>{let o=e;t.includes("parent")&&(o=e.parentNode);let a,s=X(o,n);a="string"==typeof n?X(o,`${n} = __placeholder`):"function"==typeof n&&"string"==typeof n()?X(o,`${n()} = __placeholder`):()=>{};let l=()=>{let e;return s((t=>e=t)),Zn(e)?e.get():e},c=e=>{let t;s((e=>t=e)),Zn(t)?t.set(e):a((()=>{}),{scope:{__placeholder:e}})};"string"==typeof n&&"radio"===e.type&&C((()=>{e.hasAttribute("name")||e.setAttribute("name",n)}));var u="select"===e.tagName.toLowerCase()||["checkbox","radio"].includes(e.type)||t.includes("lazy")?"change":"input";let f=Ke?()=>{}:Fn(e,u,t,(n=>{c(Un(e,t,n,l()))}));if(t.includes("fill")&&([void 0,null,""].includes(l())||at(e)&&Array.isArray(l())||"select"===e.tagName.toLowerCase()&&e.multiple)&&c(Un(e,t,{target:e},l())),e._x_removeModelListeners||(e._x_removeModelListeners={}),e._x_removeModelListeners.default=f,i((()=>e._x_removeModelListeners.default())),e.form){let n=Fn(e.form,"reset",[],(n=>{qe((()=>e._x_model&&e._x_model.set(Un(e,t,{target:e},l()))))}));i((()=>n()))}e._x_model={get:()=>l(),set(e){c(e)}},e._x_forceModelUpdate=t=>{void 0===t&&"string"==typeof n&&n.match(/\./)&&(t=""),window.fromModel=!0,C((()=>Qe(e,"value",t))),delete window.fromModel},r((()=>{let n=l();t.includes("unintrusive")&&document.activeElement.isSameNode(e)||e._x_forceModelUpdate(n)}))})),ie("cloak",(e=>queueMicrotask((()=>C((()=>e.removeAttribute(ne("cloak")))))))),Ce((()=>`[${ne("init")}]`)),ie("init",Ze(((e,{expression:t},{evaluate:n})=>"string"==typeof t?!!t.trim()&&n(t,{},!1):n(t,{},!1)))),ie("text",((e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n((()=>{i((t=>{C((()=>{e.textContent=t}))}))}))})),ie("html",((e,{expression:t},{effect:n,evaluateLater:r})=>{let i=r(t);n((()=>{i((t=>{C((()=>{e.innerHTML=t,e._x_ignoreSelf=!0,Ne(e),delete e._x_ignoreSelf}))}))}))})),_e(fe(":",ne("bind:")));var Jn=(e,{value:t,modifiers:n,expression:r,original:i},{effect:o,cleanup:a})=>{if(!t){let t={};return s=t,Object.entries(_t).forEach((([e,t])=>{Object.defineProperty(s,e,{get:()=>(...e)=>t(...e)})})),void X(e,r)((t=>{ht(e,t,i)}),{scope:t})}var s;if("key"===t)return function(e,t){e._x_keyExpression=t}(e,r);if(e._x_inlineBindings&&e._x_inlineBindings[t]&&e._x_inlineBindings[t].extract)return;let l=X(e,r);o((()=>l((i=>{void 0===i&&"string"==typeof r&&r.match(/\./)&&(i=""),C((()=>Qe(e,t,i,n)))})))),a((()=>{e._x_undoAddedClasses&&e._x_undoAddedClasses(),e._x_undoAddedStyles&&e._x_undoAddedStyles()}))};function Xn(e,t,n,r){let i={};return/^\[.*\]$/.test(e.item)&&Array.isArray(t)?e.item.replace("[","").replace("]","").split(",").map((e=>e.trim())).forEach(((e,n)=>{i[e]=t[n]})):/^\{.*\}$/.test(e.item)&&!Array.isArray(t)&&"object"==typeof t?e.item.replace("{","").replace("}","").split(",").map((e=>e.trim())).forEach((e=>{i[e]=t[e]})):i[e.item]=t,e.index&&(i[e.index]=n),e.collection&&(i[e.collection]=r),i}function Yn(){}function Gn(e,t,n){ie(t,(r=>we(`You can't use [x-${t}] without first installing the "${e}" plugin here: https://alpinejs.dev/plugins/${n}`,r)))}Jn.inline=(e,{value:t,modifiers:n,expression:r})=>{t&&(e._x_inlineBindings||(e._x_inlineBindings={}),e._x_inlineBindings[t]={expression:r,extract:!1})},ie("bind",Jn),je((()=>`[${ne("data")}]`)),ie("data",((e,{expression:t},{cleanup:n})=>{if(function(e){return!!Ke&&(!!Ye||e.hasAttribute("data-has-alpine-state"))}(e))return;t=""===t?"{}":t;let r={};W(r,e);let o={};var a,s;a=o,s=r,Object.entries(mt).forEach((([e,t])=>{Object.defineProperty(a,e,{get:()=>(...e)=>t.bind(s)(...e),enumerable:!1})}));let l=J(e,t,{scope:o});void 0!==l&&!0!==l||(l={}),W(l,e);let c=i(l);z(c);let u=M(e,c);c.init&&J(e,c.init),n((()=>{c.destroy&&J(e,c.destroy),u()}))})),Xe(((e,t)=>{e._x_dataStack&&(t._x_dataStack=e._x_dataStack,t.setAttribute("data-has-alpine-state",!0))})),ie("show",((e,{modifiers:t,expression:n},{effect:r})=>{let i=X(e,n);e._x_doHide||(e._x_doHide=()=>{C((()=>{e.style.setProperty("display","none",t.includes("important")?"important":void 0)}))}),e._x_doShow||(e._x_doShow=()=>{C((()=>{1===e.style.length&&"none"===e.style.display?e.removeAttribute("style"):e.style.removeProperty("display")}))});let o,a=()=>{e._x_doHide(),e._x_isShown=!1},s=()=>{e._x_doShow(),e._x_isShown=!0},l=()=>setTimeout(s),c=Fe((e=>e?s():a()),(t=>{"function"==typeof e._x_toggleAndCascadeWithTransitions?e._x_toggleAndCascadeWithTransitions(e,t,s,a):t?l():a()})),u=!0;r((()=>i((e=>{(u||e!==o)&&(t.includes("immediate")&&(e?l():a()),c(e),o=e,u=!1)}))))})),ie("for",((e,{expression:t},{effect:n,cleanup:r})=>{let o=function(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,n=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!n)return;let r={};r.items=n[2].trim();let i=n[1].replace(/^\s*\(|\)\s*$/g,"").trim(),o=i.match(t);return o?(r.item=i.replace(t,"").trim(),r.index=o[1].trim(),o[2]&&(r.collection=o[2].trim())):r.item=i,r}(t),a=X(e,o.items),s=X(e,e._x_keyExpression||"index");e._x_prevKeys=[],e._x_lookup={},n((()=>function(e,t,n,r){let o=e;n((n=>{var a;a=n,!Array.isArray(a)&&!isNaN(a)&&n>=0&&(n=Array.from(Array(n).keys(),(e=>e+1))),void 0===n&&(n=[]);let s=e._x_lookup,l=e._x_prevKeys,c=[],u=[];if("object"!=typeof(f=n)||Array.isArray(f))for(let i=0;i<n.length;i++){let o=Xn(t,n[i],i,n);r((t=>{u.includes(t)&&we("Duplicate key on x-for",e),u.push(t)}),{scope:{index:i,...o}}),c.push(o)}else n=Object.entries(n).map((([i,o])=>{let a=Xn(t,o,i,n);r((t=>{u.includes(t)&&we("Duplicate key on x-for",e),u.push(t)}),{scope:{index:i,...a}}),c.push(a)}));var f;let d=[],p=[],_=[],h=[];for(let e=0;e<l.length;e++){let t=l[e];-1===u.indexOf(t)&&_.push(t)}l=l.filter((e=>!_.includes(e)));let m="template";for(let e=0;e<u.length;e++){let t=u[e],n=l.indexOf(t);if(-1===n)l.splice(e,0,t),d.push([m,e]);else if(n!==e){let t=l.splice(e,1)[0],r=l.splice(n-1,1)[0];l.splice(e,0,r),l.splice(n,0,t),p.push([t,r])}else h.push(t);m=t}for(let e=0;e<_.length;e++){let t=_[e];t in s&&(C((()=>{Me(s[t]),s[t].remove()})),delete s[t])}for(let e=0;e<p.length;e++){let[t,n]=p[e],r=s[t],i=s[n],a=document.createElement("div");C((()=>{i||we('x-for ":key" is undefined or invalid',o,n,s),i.after(a),r.after(i),i._x_currentIfEl&&i.after(i._x_currentIfEl),a.before(r),r._x_currentIfEl&&r.after(r._x_currentIfEl),a.remove()})),i._x_refreshXForScope(c[u.indexOf(n)])}for(let e=0;e<d.length;e++){let[t,n]=d[e],r="template"===t?o:s[t];r._x_currentIfEl&&(r=r._x_currentIfEl);let a=c[n],l=u[n],f=document.importNode(o.content,!0).firstElementChild,p=i(a);M(f,p,o),f._x_refreshXForScope=e=>{Object.entries(e).forEach((([e,t])=>{p[e]=t}))},C((()=>{r.after(f),Ze((()=>Ne(f)))()})),"object"==typeof l&&we("x-for key cannot be an object, it must be a string or an integer",o),s[l]=f}for(let e=0;e<h.length;e++)s[h[e]]._x_refreshXForScope(c[u.indexOf(h[e])]);o._x_prevKeys=u}))}(e,o,a,s))),r((()=>{Object.values(e._x_lookup).forEach((e=>C((()=>{Me(e),e.remove()})))),delete e._x_prevKeys,delete e._x_lookup}))})),Yn.inline=(e,{expression:t},{cleanup:n})=>{let r=Te(e);r._x_refs||(r._x_refs={}),r._x_refs[t]=e,n((()=>delete r._x_refs[t]))},ie("ref",Yn),ie("if",((e,{expression:t},{effect:n,cleanup:r})=>{"template"!==e.tagName.toLowerCase()&&we("x-if can only be used on a <template> tag",e);let i=X(e,t);n((()=>i((t=>{t?(()=>{if(e._x_currentIfEl)return e._x_currentIfEl;let t=e.content.cloneNode(!0).firstElementChild;M(t,{},e),C((()=>{e.after(t),Ze((()=>Ne(t)))()})),e._x_currentIfEl=t,e._x_undoIf=()=>{C((()=>{Me(t),t.remove()})),delete e._x_currentIfEl}})():e._x_undoIf&&(e._x_undoIf(),delete e._x_undoIf)})))),r((()=>e._x_undoIf&&e._x_undoIf()))})),ie("id",((e,{expression:t},{evaluate:n})=>{n(t).forEach((t=>function(e,t){e._x_ids||(e._x_ids={}),e._x_ids[t]||(e._x_ids[t]=qn(t))}(e,t)))})),Xe(((e,t)=>{e._x_ids&&(t._x_ids=e._x_ids)})),_e(fe("@",ne("on:"))),ie("on",Ze(((e,{value:t,modifiers:n,expression:r},{cleanup:i})=>{let o=r?X(e,r):()=>{};"template"===e.tagName.toLowerCase()&&(e._x_forwardEvents||(e._x_forwardEvents=[]),e._x_forwardEvents.includes(t)||e._x_forwardEvents.push(t));let a=Fn(e,t,n,(e=>{o((()=>{}),{scope:{$event:e},params:[e]})}));i((()=>a()))}))),Gn("Collapse","collapse","collapse"),Gn("Intersect","intersect","intersect"),Gn("Focus","trap","focus"),Gn("Mask","mask","mask"),yt.setEvaluator(G),yt.setReactivityEngine({reactive:$n,effect:function(e,t=xt){(function(e){return e&&!0===e._isEffect})(e)&&(e=e.raw);const n=function(e,t){const n=function(){if(!n.active)return e();if(!qt.includes(n)){Bt(n);try{return Ht.push(Ft),Ft=!0,qt.push(n),gt=n,e()}finally{qt.pop(),Wt(),gt=qt[qt.length-1]}}};return n.id=Dt++,n.allowRecurse=!!t.allowRecurse,n._isEffect=!0,n.active=!0,n.raw=e,n.deps=[],n.options=t,n}(e,t);return t.lazy||n(),n},release:function(e){e.active&&(Bt(e),e.options.onStop&&e.options.onStop(),e.active=!1)},raw:Mn});var Qn=yt,er=n(122),tr=n.n(er);function nr(e,t){e.classList.remove("scale-100"),t.classList.add("scale-100"),e.classList.add("scale-0"),t.classList.remove("scale-0")}window.Alpine=Qn,Qn.plugin((function(t){t.directive("intersect",t.skipDuringClone(((t,{value:n,expression:i,modifiers:o},{evaluateLater:a,cleanup:s})=>{let l=a(i),c={rootMargin:r(o),threshold:e(o)},u=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting!==("leave"===n)&&(l(),o.includes("once")&&u.disconnect())}))}),c);u.observe(t),s((()=>{u.disconnect()}))})))})),Qn.start(),window.addEventListener("DOMContentLoaded",(()=>{!function(){const e=document.querySelectorAll(".highlight");if(!e)return;e.forEach((e=>{const t=e.querySelector("pre");if(t){const e='<button class="copy z-20 inline-flex h-6 w-6 items-center justify-center rounded-md border border-border bg-background opacity-0 focus:opacity-100 text-sm font-medium transition-all hover:bg-muted absolute right-4 top-4 tooltipped tooltipped-n" data-tooltip="Copy code" type="button"><span class="sr-only">Copy code</span><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 96 960 960" fill="currentColor" stroke="none" class="copy-icon h-[14px] w-[14px] transition-all transform scale-100 absolute"><path d="M200 976q-33 0-56.5-23.5T120 896V376q0-17 11.5-28.5T160 336q17 0 28.5 11.5T200 376v520h400q17 0 28.5 11.5T640 936q0 17-11.5 28.5T600 976H200Zm160-160q-33 0-56.5-23.5T280 736V256q0-33 23.5-56.5T360 176h360q33 0 56.5 23.5T800 256v480q0 33-23.5 56.5T720 816H360Zm0-80h360V256H360v480Zm0 0V256v480Z"/></svg><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 96 960 960" fill="currentColor" stroke="none" class="copy-success-icon h-[14px] w-[14px] transition-all transform scale-0 absolute"><path d="M382 799q-8 0-15-2.5t-13-8.5L182 616q-11-11-10.5-28.5T183 559q11-11 28-11t28 11l143 143 339-339q11-11 28.5-11t28.5 11q11 11 11 28.5T778 420L410 788q-6 6-13 8.5t-15 2.5Z"/></svg></button>';t.insertAdjacentHTML("beforeend",e)}}));const t=new(tr())("button.copy",{target:e=>e.previousElementSibling});t.on("success",(({trigger:e})=>{const t=e.getAttribute("data-tooltip"),n=e.querySelector(".copy-icon"),r=e.querySelector(".copy-success-icon");nr(n,r),e.setAttribute("data-tooltip","Copied!"),setTimeout((()=>{nr(r,n),e.setAttribute("data-tooltip",t)}),2e3)}))}()}))})()})();
\ No newline at end of file
diff --git a/genindex.html b/genindex.html
index 996d5e2c..a47abad9 100644
--- a/genindex.html
+++ b/genindex.html
@@ -16,10 +16,10 @@
     <meta property="og:title" content="Index | LcdMenu" />
     <meta name="twitter:title" content="Index | LcdMenu" />
       <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=63e1294f" />
-      <link rel="stylesheet" type="text/css" href="_static/theme.css?v=edd7d3d2" />
+      <link rel="stylesheet" type="text/css" href="_static/theme.css?v=42baaae4" />
       <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
       <link rel="stylesheet" type="text/css" href="_static/custom.css" />
-      <link rel="stylesheet" type="text/css" href="_static/awesome-sphinx-design.css?v=a54cf077" />
+      <link rel="stylesheet" type="text/css" href="_static/awesome-sphinx-design.css?v=15e0fffa" />
       <link rel="icon" href="_static/favicon.png" />
         <link rel="search" title="Search" href="search.html" />
         <link rel="index" title="Index" href="#" />
@@ -142,6 +142,12 @@
 <li class="toctree-l2"><a class="reference internal" href="overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1"><a class="reference internal" href="overview/widgets/index.html">Widget overview</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1"><a class="reference internal" href="overview/control/index.html">Controlling the menu</a><ul>
 <li class="toctree-l2"><a class="reference internal" href="overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="overview/control/button.html">Button Adapter</a></li>
@@ -156,42 +162,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="reference/samples/index.html">Code samples</a><ul>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="reference/api/index.html">API reference</a><ul>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="reference/uml.html">Class diagram</a></li>
@@ -269,14 +280,90 @@ <h1 id="index">Index</h1>
   <h2 id="B">B</h2>
   <table style="width: 100%" class="indextable genindextable"><tr>
   <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv419BaseItemManyWidgets">BaseItemManyWidgets (C++ class)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets12activeWidgetE">BaseItemManyWidgets::activeWidget (C++ member)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer">BaseItemManyWidgets::back (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t">BaseItemManyWidgets::BaseItemManyWidgets (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer">BaseItemManyWidgets::draw (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv">BaseItemManyWidgets::getActiveWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets12handleCommitEv">BaseItemManyWidgets::handleCommit (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer">BaseItemManyWidgets::left (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh">BaseItemManyWidgets::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets5resetEv">BaseItemManyWidgets::reset (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer">BaseItemManyWidgets::right (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t">BaseItemManyWidgets::setActiveWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets4sizeE">BaseItemManyWidgets::size (C++ member)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgets7widgetsE">BaseItemManyWidgets::widgets (C++ member)</a>
+</li>
+      <li><a href="reference/api/BaseItemManyWidgets.html#_CPPv4N19BaseItemManyWidgetsD0Ev">BaseItemManyWidgets::~BaseItemManyWidgets (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv418BaseItemZeroWidget">BaseItemZeroWidget (C++ class)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc">BaseItemZeroWidget::BaseItemZeroWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer">BaseItemZeroWidget::draw (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu">BaseItemZeroWidget::handleCommit (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh">BaseItemZeroWidget::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/BaseItemZeroWidget.html#_CPPv4N18BaseItemZeroWidgetD0Ev">BaseItemZeroWidget::~BaseItemZeroWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv410BaseWidget">BaseWidget (C++ class)</a>
+</li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t">BaseWidget::BaseWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv4N10BaseWidget12cursorOffsetE">BaseWidget::cursorOffset (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv4N10BaseWidget4drawEPcK7uint8_t">BaseWidget::draw (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv4N10BaseWidget7processEP7LcdMenuh">BaseWidget::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#_CPPv4N10BaseWidgetD0Ev">BaseWidget::~BaseWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue">BaseWidgetValue (C++ class)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE">BaseWidgetValue::BaseWidgetValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue8callbackE">BaseWidgetValue::callback (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t">BaseWidgetValue::draw (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue6formatE">BaseWidgetValue::format (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4NK15BaseWidgetValue8getValueEv">BaseWidgetValue::getValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue12handleChangeEv">BaseWidgetValue::handleChange (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue7processEP7LcdMenuh">BaseWidgetValue::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue8setValueERK1T">BaseWidgetValue::setValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValue5valueE">BaseWidgetValue::value (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidgetValue.html#_CPPv4N15BaseWidgetValueD0Ev">BaseWidgetValue::~BaseWidgetValue (C++ function)</a>
+</li>
       <li><a href="reference/api/input/KeyboardAdapter.html#c.BS">BS (C macro)</a>
 </li>
       <li><a href="reference/api/input/ButtonAdapter.html#_CPPv413ButtonAdapter">ButtonAdapter (C++ class)</a>
 </li>
       <li><a href="reference/api/input/ButtonAdapter.html#_CPPv4N13ButtonAdapter6buttonE">ButtonAdapter::button (C++ member)</a>
 </li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
       <li><a href="reference/api/input/ButtonAdapter.html#_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte">ButtonAdapter::ButtonAdapter (C++ function)</a>
 </li>
       <li><a href="reference/api/input/ButtonAdapter.html#_CPPv4N13ButtonAdapter7commandE">ButtonAdapter::command (C++ member)</a>
@@ -324,7 +411,7 @@ <h2 id="C">C</h2>
 </li>
       <li><a href="reference/api/renderer/CharacterDisplayRenderer.html#_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv">CharacterDisplayRenderer::drawBlinker (C++ function)</a>
 </li>
-      <li><a href="reference/api/renderer/CharacterDisplayRenderer.html#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc">CharacterDisplayRenderer::drawItem (C++ function)</a>
+      <li><a href="reference/api/renderer/CharacterDisplayRenderer.html#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb">CharacterDisplayRenderer::drawItem (C++ function)</a>
 </li>
       <li><a href="reference/api/renderer/CharacterDisplayRenderer.html#_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t">CharacterDisplayRenderer::drawText (C++ function)</a>
 </li>
@@ -389,6 +476,8 @@ <h2 id="E">E</h2>
   <h2 id="I">I</h2>
   <table style="width: 100%" class="indextable genindextable"><tr>
   <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/ItemWidget.html#_CPPv4I_Dp6size_tE14index_sequence">index_sequence (C++ struct)</a>
+</li>
       <li><a href="reference/api/input/InputInterface.html#_CPPv414InputInterface">InputInterface (C++ class)</a>
 </li>
       <li><a href="reference/api/input/InputInterface.html#_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu">InputInterface::InputInterface (C++ function)</a>
@@ -399,11 +488,13 @@ <h2 id="I">I</h2>
 </li>
       <li><a href="reference/api/input/InputInterface.html#_CPPv4N14InputInterfaceD0Ev">InputInterface::~InputInterface (C++ function)</a>
 </li>
-      <li><a href="reference/api/ItemBack.html#c.ITEM_BACK">ITEM_BACK (C macro)</a>
+      <li><a href="reference/api/ItemBack.html#_CPPv49ITEM_BACKPKc">ITEM_BACK (C++ function)</a>
 </li>
       <li><a href="reference/api/MenuItem.html#c.ITEM_BASIC">ITEM_BASIC (C macro)</a>
 </li>
-      <li><a href="reference/api/ItemCommand.html#c.ITEM_COMMAND">ITEM_COMMAND (C macro)</a>
+      <li><a href="reference/api/ItemCommand.html#_CPPv412ITEM_COMMANDPKcPFvvE">ITEM_COMMAND (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/BaseWidget.html#c.ITEM_DRAW_BUFFER_SIZE">ITEM_DRAW_BUFFER_SIZE (C macro)</a>
 </li>
       <li><a href="reference/api/ItemFloatRange.html#c.ITEM_FLOAT_RANGE">ITEM_FLOAT_RANGE (C macro)</a>
 </li>
@@ -415,31 +506,25 @@ <h2 id="I">I</h2>
 </li>
       <li><a href="reference/api/ItemList.html#c.ITEM_STRING_LIST">ITEM_STRING_LIST (C macro)</a>
 </li>
-      <li><a href="reference/api/ItemSubMenu.html#c.ITEM_SUBMENU">ITEM_SUBMENU (C macro)</a>
+      <li><a href="reference/api/ItemSubMenu.html#_CPPv412ITEM_SUBMENUPKcRP10MenuScreen">ITEM_SUBMENU (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemToggle.html#c.ITEM_TOGGLE">ITEM_TOGGLE (C macro)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE">ITEM_WIDGET (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemBack.html#_CPPv48ItemBack">ItemBack (C++ class)</a>
 </li>
-      <li><a href="reference/api/ItemBack.html#_CPPv4N8ItemBack12changeScreenEP7LcdMenu">ItemBack::changeScreen (C++ function)</a>
+      <li><a href="reference/api/ItemBack.html#_CPPv4N8ItemBack12handleCommitEP7LcdMenu">ItemBack::handleCommit (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemBack.html#_CPPv4N8ItemBack8ItemBackEPKc">ItemBack::ItemBack (C++ function)</a>
-</li>
-      <li><a href="reference/api/ItemBack.html#_CPPv4N8ItemBack7processEP7LcdMenuKh">ItemBack::process (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemCommand.html#_CPPv411ItemCommand">ItemCommand (C++ class)</a>
 </li>
       <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand8callbackE">ItemCommand::callback (C++ member)</a>
 </li>
-      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand14executeCommandEv">ItemCommand::executeCommand (C++ function)</a>
+      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand12handleCommitEP7LcdMenu">ItemCommand::handleCommit (C++ function)</a>
 </li>
-      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand11getCallbackEv">ItemCommand::getCallback (C++ function)</a>
-</li>
-      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand11ItemCommandEPKc4fptr">ItemCommand::ItemCommand (C++ function)</a>
-</li>
-      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand7processEP7LcdMenuKh">ItemCommand::process (C++ function)</a>
-</li>
-      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand11setCallBackE4fptr">ItemCommand::setCallBack (C++ function)</a>
+      <li><a href="reference/api/ItemCommand.html#_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE">ItemCommand::ItemCommand (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemFloatRange.html#_CPPv414ItemFloatRange">ItemFloatRange (C++ class)</a>
 </li>
@@ -501,8 +586,6 @@ <h2 id="I">I</h2>
 </li>
       <li><a href="reference/api/ItemInputCharset.html#_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr">ItemInputCharset::ItemInputCharset (C++ function)</a>, <a href="reference/api/ItemInputCharset.html#_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr">[1]</a>
 </li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
       <li><a href="reference/api/ItemInputCharset.html#_CPPv4N16ItemInputCharset7processEP7LcdMenuKh">ItemInputCharset::process (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemInputCharset.html#_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer">ItemInputCharset::showNextChar (C++ function)</a>
@@ -511,6 +594,8 @@ <h2 id="I">I</h2>
 </li>
       <li><a href="reference/api/ItemIntRange.html#_CPPv412ItemIntRange">ItemIntRange (C++ class)</a>
 </li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
       <li><a href="reference/api/ItemIntRange.html#_CPPv4N12ItemIntRange15getDisplayValueEv">ItemIntRange::getDisplayValue (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemIntRange.html#_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib">ItemIntRange::ItemIntRange (C++ function)</a>
@@ -581,11 +666,9 @@ <h2 id="I">I</h2>
 </li>
       <li><a href="reference/api/ItemSubMenu.html#_CPPv411ItemSubMenu">ItemSubMenu (C++ class)</a>
 </li>
-      <li><a href="reference/api/ItemSubMenu.html#_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu">ItemSubMenu::changeScreen (C++ function)</a>
+      <li><a href="reference/api/ItemSubMenu.html#_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu">ItemSubMenu::handleCommit (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemSubMenu.html#_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen">ItemSubMenu::ItemSubMenu (C++ function)</a>
-</li>
-      <li><a href="reference/api/ItemSubMenu.html#_CPPv4N11ItemSubMenu7processEP7LcdMenuKh">ItemSubMenu::process (C++ function)</a>
 </li>
       <li><a href="reference/api/ItemSubMenu.html#_CPPv4N11ItemSubMenu6screenE">ItemSubMenu::screen (C++ member)</a>
 </li>
@@ -616,6 +699,22 @@ <h2 id="I">I</h2>
       <li><a href="reference/api/ItemToggle.html#_CPPv4N10ItemToggle6textOnE">ItemToggle::textOn (C++ member)</a>
 </li>
       <li><a href="reference/api/ItemToggle.html#_CPPv4N10ItemToggle6toggleEP12MenuRenderer">ItemToggle::toggle (C++ function)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4IDpE10ItemWidget">ItemWidget (C++ class)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N10ItemWidget8callbackE">ItemWidget::callback (C++ member)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N10ItemWidget12CallbackTypeE">ItemWidget::CallbackType (C++ type)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N10ItemWidget12handleCommitEv">ItemWidget::handleCommit (C++ function)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE">ItemWidget::invokeCallback (C++ function)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType">ItemWidget::ItemWidget (C++ function)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N10ItemWidget9setValuesEDp2Ts">ItemWidget::setValues (C++ function)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts">ItemWidget::setValuesImpl (C++ function)</a>
 </li>
   </ul></td>
   </tr>
@@ -776,6 +875,12 @@ <h2 id="L">L</h2>
   <h2 id="M">M</h2>
   <table style="width: 100%" class="indextable genindextable"><tr>
   <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/ItemWidget.html#_CPPv4I_6size_t_Dp6size_tE19make_index_sequence">make_index_sequence (C++ struct)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE">make_index_sequence&lt;0, Is...&gt; (C++ struct)</a>
+</li>
+      <li><a href="reference/api/ItemWidget.html#_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE">make_index_sequence&lt;0, Is...&gt;::type (C++ type)</a>
+</li>
       <li><a href="reference/api/MenuScreen.html#c.MENU_SCREEN">MENU_SCREEN (C macro)</a>
 </li>
       <li><a href="reference/api/MenuItem.html#_CPPv48MenuItem">MenuItem (C++ class)</a>
@@ -812,7 +917,7 @@ <h2 id="M">M</h2>
 </li>
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer11drawBlinkerEv">MenuRenderer::drawBlinker (C++ function)</a>
 </li>
-      <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer8drawItemEPKcPKc">MenuRenderer::drawItem (C++ function)</a>
+      <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer8drawItemEPKcPKcb">MenuRenderer::drawItem (C++ function)</a>
 </li>
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4NK12MenuRenderer12getCursorColEv">MenuRenderer::getCursorCol (C++ function)</a>
 </li>
@@ -828,12 +933,12 @@ <h2 id="M">M</h2>
 </li>
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer19hasHiddenItemsAboveE">MenuRenderer::hasHiddenItemsAbove (C++ member)</a>
 </li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer19hasHiddenItemsBelowE">MenuRenderer::hasHiddenItemsBelow (C++ member)</a>
 </li>
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer10inEditModeE">MenuRenderer::inEditMode (C++ member)</a>
 </li>
-  </ul></td>
-  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4NK12MenuRenderer12isInEditModeEv">MenuRenderer::isInEditMode (C++ function)</a>
 </li>
       <li><a href="reference/api/renderer/MenuRenderer.html#_CPPv4N12MenuRenderer7maxColsE">MenuRenderer::maxCols (C++ member)</a>
@@ -950,12 +1055,83 @@ <h2 id="T">T</h2>
   </tr>
       </table>
   
+  <h2 id="W">W</h2>
+  <table style="width: 100%" class="indextable genindextable"><tr>
+  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE">WIDGET_BOOL (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE">WIDGET_LIST (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE">WIDGET_RANGE (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv410WidgetBool">WidgetBool (C++ class)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4N10WidgetBool4drawEPcK7uint8_t">WidgetBool::draw (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4NK10WidgetBool10getTextOffEv">WidgetBool::getTextOff (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4NK10WidgetBool9getTextOnEv">WidgetBool::getTextOn (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4N10WidgetBool7processEP7LcdMenuKh">WidgetBool::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4N10WidgetBool7textOffE">WidgetBool::textOff (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4N10WidgetBool6textOnE">WidgetBool::textOn (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetBool.html#_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE">WidgetBool::WidgetBool (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4I0E10WidgetList">WidgetList (C++ class)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList14activePositionE">WidgetList::activePosition (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList5cycleE">WidgetList::cycle (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList9nextValueEv">WidgetList::nextValue (C++ function)</a>
+</li>
+  </ul></td>
+  <td style="width: 33%; vertical-align: top;"><ul style="margin-left:0;list-style-type:none">
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList13previousValueEv">WidgetList::previousValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList7processEP7LcdMenuKh">WidgetList::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList4sizeE">WidgetList::size (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper">WidgetList::updateValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList6valuesE">WidgetList::values (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetList.html#_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE">WidgetList::WidgetList (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4I0E11WidgetRange">WidgetRange (C++ class)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange5cycleE">WidgetRange::cycle (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange9decrementEv">WidgetRange::decrement (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange9incrementEv">WidgetRange::increment (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange8maxValueE">WidgetRange::maxValue (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange8minValueE">WidgetRange::minValue (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange7processEP7LcdMenuKh">WidgetRange::process (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange8setValueERK1T">WidgetRange::setValue (C++ function)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange4stepE">WidgetRange::step (C++ member)</a>
+</li>
+      <li><a href="reference/api/widget/WidgetRange.html#_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE">WidgetRange::WidgetRange (C++ function)</a>
+</li>
+  </ul></td>
+  </tr>
+      </table>
+  
 
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 </div></div>
 <aside id="right-sidebar" class="hidden text-sm xl:block">
 <div class="sticky top-16 -mt-10 max-h-[calc(var(--vh)-4rem)] overflow-y-auto pt-6 space-y-2">
-<a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#B">B</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#C">C</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#D">D</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#E">E</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#I">I</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#K">K</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#L">L</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#M">M</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#S">S</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#T">T</a>
+<a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#B">B</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#C">C</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#D">D</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#E">E</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#I">I</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#K">K</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#L">L</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#M">M</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#S">S</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#T">T</a><a class="pt-2 block text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:outline-offset-[-1px]" href="#W">W</a>
 </div>
 </aside>
         </main>
@@ -987,7 +1163,7 @@ <h2 id="T">T</h2>
     <script src="_static/documentation_options.js?v=7f41d439"></script>
     <script src="_static/doctools.js?v=9bcbadda"></script>
     <script src="_static/sphinx_highlight.js?v=dc90522c"></script>
-    <script defer="defer" src="_static/theme.js?v=1808ab49"></script>
+    <script defer="defer" src="_static/theme.js?v=073f68d9"></script>
     <script src="_static/design-tabs.js?v=f930bc37"></script>
   
 </body>
diff --git a/index.html b/index.html
index ee01153e..f1e27af0 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,10 @@
 <meta content="Welcome to the LcdMenu Docs! | LcdMenu" property="og:title"/>
 <meta content="Welcome to the LcdMenu Docs! | LcdMenu" name="twitter:title"/>
 <link href="_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="_static/favicon.png" rel="icon"/>
 <link href="search.html" rel="search" title="Search"/>
 <link href="genindex.html" rel="index" title="Index"/>
@@ -106,6 +106,12 @@
 <li class="toctree-l2"><a class="reference internal" href="overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="overview/control/button.html">Button Adapter</a></li>
@@ -120,42 +126,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="reference/uml.html">Class diagram</a></li>
@@ -285,7 +296,7 @@
 <script src="_static/documentation_options.js?v=7f41d439"></script>
 <script src="_static/doctools.js?v=9bcbadda"></script>
 <script src="_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="_static/theme.js?v=073f68d9"></script>
 <script src="_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/objects.inv b/objects.inv
index 14ad7bd4..d60f9145 100644
Binary files a/objects.inv and b/objects.inv differ
diff --git a/overview/control/button.html b/overview/control/button.html
index 0595db7b..c2c443d8 100644
--- a/overview/control/button.html
+++ b/overview/control/button.html
@@ -11,10 +11,10 @@
 <meta content="Button Adapter | LcdMenu" property="og:title"/>
 <meta content="Button Adapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -296,7 +307,7 @@ <h1>Button Adapter<a class="headerlink" href="#button-adapter" title="Link to th
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/control/index.html b/overview/control/index.html
index 4bd35b39..18e01752 100644
--- a/overview/control/index.html
+++ b/overview/control/index.html
@@ -11,15 +11,15 @@
 <meta content="Controlling the menu | LcdMenu" property="og:title"/>
 <meta content="Controlling the menu | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
 <link href="keyboard.html" rel="next" title="Keyboard Adapter"/>
-<link href="../items/input-charset.html" rel="prev" title="Charset input item"/>
+<link href="../widgets/widget-range.html" rel="prev" title="WidgetRange"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="current reference internal expandable" href="#">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -255,11 +266,11 @@ <h1>Controlling the menu<a class="headerlink" href="#controlling-the-menu" title
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../items/input-charset.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../widgets/widget-range.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        Charset input item
+        WidgetRange
       </a>
 </div>
 <div class="ml-auto">
@@ -289,7 +300,7 @@ <h1>Controlling the menu<a class="headerlink" href="#controlling-the-menu" title
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/control/keyboard.html b/overview/control/keyboard.html
index 67ba1bca..b1b94ac6 100644
--- a/overview/control/keyboard.html
+++ b/overview/control/keyboard.html
@@ -11,10 +11,10 @@
 <meta content="Keyboard Adapter | LcdMenu" property="og:title"/>
 <meta content="Keyboard Adapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
 <li class="toctree-l2 current"><a class="current reference internal" href="#">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -288,7 +299,7 @@ <h1>Keyboard Adapter<a class="headerlink" href="#keyboard-adapter" title="Link t
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/control/rotary-encoder.html b/overview/control/rotary-encoder.html
index 8f371bf9..9e5f1f17 100644
--- a/overview/control/rotary-encoder.html
+++ b/overview/control/rotary-encoder.html
@@ -11,10 +11,10 @@
 <meta content="Rotary Encoder Adapter | LcdMenu" property="og:title"/>
 <meta content="Rotary Encoder Adapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -289,7 +300,7 @@ <h1>Rotary Encoder Adapter<a class="headerlink" href="#rotary-encoder-adapter" t
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/getting-started.html b/overview/getting-started.html
index 9e7db9e9..11be3a67 100644
--- a/overview/getting-started.html
+++ b/overview/getting-started.html
@@ -11,10 +11,10 @@
 <meta content="Getting started | LcdMenu" property="og:title"/>
 <meta content="Getting started | LcdMenu" name="twitter:title"/>
 <link href="../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../_static/favicon.png" rel="icon"/>
 <link href="../search.html" rel="search" title="Search"/>
 <link href="../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../reference/uml.html">Class diagram</a></li>
@@ -230,7 +241,7 @@ <h2>Installation<a class="headerlink" href="#installation" title="Link to this h
 <li><p>Add the LcdMenu library to your project by adding the following line to your platformio.ini file:</p>
 <blockquote>
 <div><div class="highlight-bash notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="nv">lib_deps</span><span class="w"> </span><span class="o">=</span>
-</span><span id="line-2"><span class="w">    </span>forntoh/LcdMenu@^5.3.1
+</span><span id="line-2"><span class="w">    </span>forntoh/LcdMenu@^5.4.0
 </span></code></pre></div>
 </div>
 </div></blockquote>
@@ -322,7 +333,7 @@ <h2>Usage<a class="headerlink" href="#usage" title="Link to this heading" x-inte
 <script src="../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../_static/doctools.js?v=9bcbadda"></script>
 <script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../_static/theme.js?v=073f68d9"></script>
 <script src="../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/basic.html b/overview/items/basic.html
index 6fe3539a..53f7d8bf 100644
--- a/overview/items/basic.html
+++ b/overview/items/basic.html
@@ -11,10 +11,10 @@
 <meta content="Basic menu item | LcdMenu" property="og:title"/>
 <meta content="Basic menu item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -267,7 +278,7 @@ <h1>Basic menu item<a class="headerlink" href="#basic-menu-item" title="Link to
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/command.html b/overview/items/command.html
index 36e75d22..80d10333 100644
--- a/overview/items/command.html
+++ b/overview/items/command.html
@@ -11,10 +11,10 @@
 <meta content="Command menu item | LcdMenu" property="og:title"/>
 <meta content="Command menu item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -352,7 +363,7 @@ <h3>Example<a class="headerlink" href="#id1" title="Link to this heading" x-inte
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/index.html b/overview/items/index.html
index 0dbf883e..57dc5028 100644
--- a/overview/items/index.html
+++ b/overview/items/index.html
@@ -11,10 +11,10 @@
 <meta content="Item overview | LcdMenu" property="og:title"/>
 <meta content="Item overview | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -219,8 +230,8 @@
 <h1>Item overview<a class="headerlink" href="#item-overview" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
 <p>The first thing you need to know is that the system is built around the concept of a menu screen.
 A menu screen is a collection of menu items that are displayed on the screen.
-Each menu item can be selected and interacted with by the user.</p>
-<p>LcdMenu provides a number of built-in menu items that you can use to create your menu structure.</p>
+Each menu item can contain zero or more widgets and can be interacted with by the user. Widgets provide specialized functionality such as boolean toggles, list selection, and range inputs, allowing menu items to handle various types of user interaction and data display.</p>
+<p>LcdMenu provides a number of built-in menu items and widgets that you can use to create your menu structure.</p>
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">Here are some of the built-in menu items:</span></p>
 <ul>
@@ -241,7 +252,7 @@ <h1>Item overview<a class="headerlink" href="#item-overview" title="Link to this
 <li class="toctree-l1"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </div>
-<p>You can also create your own custom menu items by extending the base menu item class or any of the existing menu items.</p>
+<p>You can also create your own custom menu items and widgets by extending the base menu item class or any of the existing menu items. See the <a class="reference internal" href="../widgets/index.html"><span class="doc">Widget overview</span></a> section for more information about available widgets and their usage.</p>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
@@ -279,7 +290,7 @@ <h1>Item overview<a class="headerlink" href="#item-overview" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/input-charset.html b/overview/items/input-charset.html
index 7b80d360..796ec37d 100644
--- a/overview/items/input-charset.html
+++ b/overview/items/input-charset.html
@@ -11,14 +11,14 @@
 <meta content="Charset input item | LcdMenu" property="og:title"/>
 <meta content="Charset input item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="../control/index.html" rel="next" title="Controlling the menu"/>
+<link href="../widgets/index.html" rel="next" title="Widget overview"/>
 <link href="input.html" rel="prev" title="Input item"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2 current"><a class="current reference internal" href="#">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -255,8 +266,8 @@ <h1>Charset input item<a class="headerlink" href="#charset-input-item" title="Li
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../control/index.html">
-        Controlling the menu
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../widgets/index.html">
+        Widget overview
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -281,7 +292,7 @@ <h1>Charset input item<a class="headerlink" href="#charset-input-item" title="Li
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/input.html b/overview/items/input.html
index 92382bfa..106f414b 100644
--- a/overview/items/input.html
+++ b/overview/items/input.html
@@ -11,10 +11,10 @@
 <meta content="Input item | LcdMenu" property="og:title"/>
 <meta content="Input item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -297,7 +308,7 @@ <h1>Input item<a class="headerlink" href="#input-item" title="Link to this headi
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/item-widget.html b/overview/items/item-widget.html
new file mode 100644
index 00000000..c9bb1d17
--- /dev/null
+++ b/overview/items/item-widget.html
@@ -0,0 +1,342 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>Item Widget | LcdMenu</title>
+<meta content="Item Widget | LcdMenu" property="og:title"/>
+<meta content="Item Widget | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../../reference/changelog.html">Changelog</a>
+<a href="../../reference/license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/overview/items/item-widget.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">Item Widget</span>
+</nav>
+<div id="content" role="main">
+<section id="item-widget">
+<h1>Item Widget<a class="headerlink" href="#item-widget" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<p>ItemWidget is a menu item that can host widgets.
+It is used to create a menu item that can display one or more widgets on the screen.</p>
+<div class="toctree-wrapper compound">
+<p class="caption" role="heading"><span class="caption-text">The following are some of the widgets that can be added to an ItemWidget:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</div>
+<p>ItemWidget has the following properties:</p>
+<ul class="simple">
+<li><p><strong>text</strong>: The text to display for the menu item.</p></li>
+<li><p><strong>callback</strong>: A callback function that will be called when the menu item is selected (default: nullptr).</p></li>
+<li><p><strong>widgets</strong>: An array of widgets that will be displayed.</p></li>
+</ul>
+<p>ItemWidget can host one or more widgets.
+The widgets can be of different types and can be used to display different types of data.</p>
+<p>The following are examples of how to create ItemWidget widgets:</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">options</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">"Buy"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sell"</span><span class="w"> </span><span class="p">};</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-4"><span class="w">    </span><span class="s">"Auto"</span><span class="p">,</span>
+</span><span id="line-5"><span class="w">    </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">option</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">isAuto</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">option</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">isAuto</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-6"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">options</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">options</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">options</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-7"><span class="w">    </span><span class="n">WIDGET_BOOL</span><span class="p">(</span><span class="nb">false</span><span class="p">,</span><span class="w"> </span><span class="s">"Yes"</span><span class="p">,</span><span class="w"> </span><span class="s">"No"</span><span class="p">,</span><span class="w"> </span><span class="s">",%s"</span><span class="p">)),</span>
+</span></code></pre></div>
+</div>
+<a class="reference internal image-reference" href="../../_images/item-widget-auto.gif"><img alt="Example of an item widget with a list and a boolean widget" src="../../_images/item-widget-auto.gif" style="width: 400px;"/>
+</a>
+<p>In the above example, the ItemWidget allows the user to select an option from “Buy” or “Sell” and also toggle between “Yes” and “No”.
+The user is able to select if the option (Buy or Sell) is carried out automatically or not.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="c1">// \002 is used to display the plus or minus sign (±) because the glyph was saved in slot 2 of the display.</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-4"><span class="w">    </span><span class="s">"Quantity"</span><span class="p">,</span>
+</span><span id="line-5"><span class="w">    </span><span class="p">[](</span><span class="kt">float</span><span class="w"> </span><span class="n">quantity</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">tolerance</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">quantity</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">tolerance</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-6"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mf">1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1f</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1f</span><span class="p">,</span><span class="w"> </span><span class="mf">100.0f</span><span class="p">,</span><span class="w"> </span><span class="s">"%.1f"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">),</span>
+</span><span id="line-7"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="s">"</span><span class="se">\002</span><span class="s">%d%%"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)),</span>
+</span></code></pre></div>
+</div>
+<a class="reference internal image-reference" href="../../_images/item-widget-qty.gif"><img alt="Example of an item widget with two range widgets" src="../../_images/item-widget-qty.gif" style="width: 400px;"/>
+</a>
+<p>In the above example, the ItemWidget allows the user to select a quantity between 1.0 and 100.0 in steps of 0.1 and also select a tolerance between 0 and 100 in steps of 1.
+The selected quantity will be displayed as <strong>“1.0±10%”</strong>, <strong>“1.1±14%”</strong>, <strong>“1.2±17%”</strong>, etc.
+The user is able to select the quantity and tolerance for a particular trade.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">days</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">"Mon"</span><span class="p">,</span><span class="w"> </span><span class="s">"Tue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Wed"</span><span class="p">,</span><span class="w"> </span><span class="s">"Thu"</span><span class="p">,</span><span class="w"> </span><span class="s">"Fri"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sat"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sun"</span><span class="w"> </span><span class="p">};</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-4"><span class="w">    </span><span class="s">"Freq"</span><span class="p">,</span>
+</span><span id="line-5"><span class="w">    </span><span class="p">[](</span><span class="kt">int</span><span class="w"> </span><span class="n">hour</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">minute</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">day</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">hour</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">minute</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">day</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-6"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">23</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-7"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">59</span><span class="p">,</span><span class="w"> </span><span class="s">":%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-8"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">days</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">" on %s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span></code></pre></div>
+</div>
+<a class="reference internal image-reference" href="../../_images/item-widget-freq.gif"><img alt="Example of an item widget with two range widgets and a list widget" src="../../_images/item-widget-freq.gif" style="width: 400px;"/>
+</a>
+<p>In the above example, the ItemWidget allows the user to select a frequency for a particular task.
+The user is able to select the hour, minute, and day of the week for the task.
+The selected frequency will be displayed as <strong>“00:00 on Mon”</strong>, <strong>“00:01 on Tue”</strong>, <strong>“00:02 on Wed”</strong>, etc.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-2"><span class="w">    </span><span class="s">"Start"</span><span class="p">,</span>
+</span><span id="line-3"><span class="w">    </span><span class="p">[](</span><span class="kt">int</span><span class="w"> </span><span class="n">day</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">month</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">year</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">day</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">month</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">year</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-4"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">31</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-5"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">12</span><span class="p">,</span><span class="w"> </span><span class="s">"/%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-6"><span class="w">    </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">2021</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2020</span><span class="p">,</span><span class="w"> </span><span class="mi">2050</span><span class="p">,</span><span class="w"> </span><span class="s">"/%04d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span></code></pre></div>
+</div>
+<a class="reference internal image-reference" href="../../_images/item-widget-date.gif"><img alt="Example of an item widget with three range widgets" src="../../_images/item-widget-date.gif" style="width: 400px;"/>
+</a>
+<p>In the above example, the ItemWidget allows the user to select a start date for a particular task.
+The user is able to select the day, month, and year for the task.
+The selected date will be displayed as <strong>“01/01/2021”</strong>, <strong>“01/02/2021”</strong>, <strong>“01/03/2021”</strong>, etc.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">pinChars</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">"123456789ABCDEF"</span><span class="p">;</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-4"><span class="w">    </span><span class="s">"Pin"</span><span class="p">,</span>
+</span><span id="line-5"><span class="w">    </span><span class="p">[](</span><span class="kt">char</span><span class="w"> </span><span class="n">d1</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d2</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d3</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d4</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d1</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d2</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d3</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">d4</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-6"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-7"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">6</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-8"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-9"><span class="w">    </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">))</span>
+</span></code></pre></div>
+</div>
+<p>In the above example, the ItemWidget allows the user to select a 4-digit pin.
+The user is able to select each digit of the pin from the list of characters “123456789ABCDEF”.
+The selected pin will be displayed as <strong>“1234”</strong>, <strong>“5678”</strong>, <strong>“9ABC”</strong>, etc.</p>
+<p>For more information about the widget item, check the <a class="reference internal" href="../../reference/api/ItemWidget.html#_CPPv4IDpE10ItemWidget" title="ItemWidget"><code class="xref cpp cpp-class docutils literal notranslate"><span class="pre">API</span> <span class="pre">reference</span></code></a> or this <a class="reference internal" href="../../reference/samples/Widgets.html"><span class="doc">example</span></a>.</p>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+</div></div>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/overview/items/list.html b/overview/items/list.html
index e08551df..38bbbff4 100644
--- a/overview/items/list.html
+++ b/overview/items/list.html
@@ -11,10 +11,10 @@
 <meta content="List menu item | LcdMenu" property="og:title"/>
 <meta content="List menu item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -218,6 +229,20 @@
 <div id="content" role="main">
 <section id="list-menu-item">
 <h1>List menu item<a class="headerlink" href="#list-menu-item" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<blockquote>
+<div><div class="deprecated">
+<p><span class="versionmodified deprecated">Deprecated since version 5.4.0: </span>This menu item type is deprecated and will be removed in versions after 5.4.0.
+Please use <a class="reference internal" href="item-widget.html"><span class="doc">widget item</span></a> with WidgetList instead.</p>
+<p>Migration example:</p>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="c1">// Old approach</span>
+</span><span id="line-2"><span class="n">ITEM_LIST</span><span class="p">(</span><span class="s">"List 1"</span><span class="p">,</span><span class="w"> </span><span class="n">listItems</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">)</span>
+</span><span id="line-3">
+</span><span id="line-4"><span class="c1">// New approach</span>
+</span><span id="line-5"><span class="n">ITEM_WIDGET</span><span class="p">(</span><span class="s">"List 1"</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">,</span><span class="w"> </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">listItems</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">))</span>
+</span></code></pre></div>
+</div>
+</div>
+</div></blockquote>
 <p>The list menu item is a menu item that displays a list of string items on the screen.
 It is used to present a list of options to the user, allowing them to select one of the items.</p>
 <p>This can be useful for creating a menu item that presents a list of options to the user, such as
@@ -285,7 +310,7 @@ <h1>List menu item<a class="headerlink" href="#list-menu-item" title="Link to th
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/range.html b/overview/items/range.html
index 73b80f61..13a4bbaa 100644
--- a/overview/items/range.html
+++ b/overview/items/range.html
@@ -11,10 +11,10 @@
 <meta content="Range item | LcdMenu" property="og:title"/>
 <meta content="Range item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -218,6 +229,26 @@
 <div id="content" role="main">
 <section id="range-item">
 <h1>Range item<a class="headerlink" href="#range-item" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="deprecated">
+<p><span class="versionmodified deprecated">Deprecated since version 5.4.0: </span></p>
+<blockquote>
+<div><p>Please use <a class="reference internal" href="item-widget.html"><span class="doc">widget item</span></a> instead.</p>
+</div></blockquote>
+<div class="deprecated">
+<p><span class="versionmodified deprecated">Deprecated since version 5.4.0: </span>This menu item type is deprecated and will be removed in versions after 5.4.0.
+Please use <a class="reference internal" href="item-widget.html"><span class="doc">widget item</span></a> with WidgetList instead.</p>
+<p>Migration example:</p>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="c1">// Old approach</span>
+</span><span id="line-2"><span class="n">ITEM_INT_RANGE</span><span class="p">(</span><span class="s">"Brightness"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">)</span>
+</span><span id="line-3"><span class="n">ITEM_FLOAT_RANGE</span><span class="p">(</span><span class="s">"Dist"</span><span class="p">,</span><span class="w"> </span><span class="mf">0.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">100.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">5.0f</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">)</span>
+</span><span id="line-4">
+</span><span id="line-5"><span class="c1">// New approach</span>
+</span><span id="line-6"><span class="n">ITEM_WIDGET</span><span class="p">(</span><span class="s">"Brightness"</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">,</span><span class="w"> </span><span class="n">WIDGET_INT_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">))</span>
+</span><span id="line-7"><span class="n">ITEM_WIDGET</span><span class="p">(</span><span class="s">"Dist"</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">,</span><span class="w"> </span><span class="n">WIDGET_FLOAT_RANGE</span><span class="p">(</span><span class="mf">0.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">100.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">5.0f</span><span class="p">))</span>
+</span></code></pre></div>
+</div>
+</div>
+</div>
 <p>The range item is a menu item that allows the user to select a value within a specified range.
 It is used to create a menu item that presents a range of values to the user, such as a brightness level or a volume setting.</p>
 <p>This can be useful for creating a menu item that allows the user to adjust a setting within a specific range of values.</p>
@@ -328,7 +359,7 @@ <h2>Float range<a class="headerlink" href="#float-range" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/items/submenu.html b/overview/items/submenu.html
index 57fd64ac..fe633c24 100644
--- a/overview/items/submenu.html
+++ b/overview/items/submenu.html
@@ -11,10 +11,10 @@
 <meta content="Sub-menu item | LcdMenu" property="og:title"/>
 <meta content="Sub-menu item | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -278,7 +289,7 @@ <h1>Sub-menu item<a class="headerlink" href="#sub-menu-item" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/rendering/character-display.html b/overview/rendering/character-display.html
index 293c671e..34105479 100644
--- a/overview/rendering/character-display.html
+++ b/overview/rendering/character-display.html
@@ -11,10 +11,10 @@
 <meta content="Character display renderer | LcdMenu" property="og:title"/>
 <meta content="Character display renderer | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -456,7 +467,7 @@ <h3>Hide both the cursor and arrows<a class="headerlink" href="#hide-both-the-cu
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/rendering/index.html b/overview/rendering/index.html
index 41a04c71..44c025e9 100644
--- a/overview/rendering/index.html
+++ b/overview/rendering/index.html
@@ -11,10 +11,10 @@
 <meta content="Rendering the menu | LcdMenu" property="og:title"/>
 <meta content="Rendering the menu | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
@@ -280,7 +291,7 @@ <h1>Rendering the menu<a class="headerlink" href="#rendering-the-menu" title="Li
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/overview/widgets/index.html b/overview/widgets/index.html
new file mode 100644
index 00000000..73cf037b
--- /dev/null
+++ b/overview/widgets/index.html
@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>Widget overview | LcdMenu</title>
+<meta content="Widget overview | LcdMenu" property="og:title"/>
+<meta content="Widget overview | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="widget-bool.html" rel="next" title="WidgetBool"/>
+<link href="../items/input-charset.html" rel="prev" title="Charset input item"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../../reference/changelog.html">Changelog</a>
+<a href="../../reference/license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="current reference internal expandable" href="#">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/overview/widgets/index.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">Widget overview</span>
+</nav>
+<div id="content" role="main">
+<section id="widget-overview">
+<h1>Widget overview<a class="headerlink" href="#widget-overview" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<p>Widgets are interactive components that can be added to menu items to provide various types of user input and display capabilities. They enable features like boolean toggles, list selection, and range inputs while maintaining a consistent interface.</p>
+<div class="toctree-wrapper compound">
+<p class="caption" role="heading"><span class="caption-text">The following are some of the widgets that can be added to an ItemWidget:</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="widget-bool.html">WidgetBool</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="widget-bool.html#widget-interaction">Widget Interaction</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="widget-list.html">WidgetList</a></li>
+<li class="toctree-l1"><a class="reference internal" href="widget-range.html">WidgetRange</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html#price-picker">Price picker</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html#time-picker">Time picker</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html#date-picker">Date picker</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../items/input-charset.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        Charset input item
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="widget-bool.html">
+        WidgetBool
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/overview/widgets/widget-bool.html b/overview/widgets/widget-bool.html
new file mode 100644
index 00000000..cb09618b
--- /dev/null
+++ b/overview/widgets/widget-bool.html
@@ -0,0 +1,312 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetBool | LcdMenu</title>
+<meta content="WidgetBool | LcdMenu" property="og:title"/>
+<meta content="WidgetBool | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="widget-list.html" rel="next" title="WidgetList"/>
+<link href="index.html" rel="prev" title="Widget overview"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../../reference/changelog.html">Changelog</a>
+<a href="../../reference/license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2 current"><a class="current reference internal" href="#">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/overview/widgets/widget-bool.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">Widget overview</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetBool</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetbool">
+<h1>WidgetBool<a class="headerlink" href="#widgetbool" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<p>The WidgetBool widget acts as a toggle switch that can be used to change a boolean value.</p>
+<p>The WidgetBool widget has the following properties:</p>
+<ul class="simple">
+<li><p><strong>value</strong>: The boolean value that the widget represents.</p></li>
+<li><p><strong>textOn</strong>: The text to display when the value is true.</p></li>
+<li><p><strong>textOff</strong>: The text to display when the value is false.</p></li>
+<li><p><strong>format</strong>: The format to use when displaying the value.</p></li>
+<li><p><strong>cursorOffset</strong>: The offset of the cursor from the end of the widget when the widget is focused.</p></li>
+</ul>
+<p>The following is an example of how to create a WidgetBool widget:</p>
+<p>The WIDGET_BOOL macro provides a convenient way to create a WidgetBool instance. The macro takes the following arguments in order: initial value, text for true state, text for false state, format string, and cursor offset.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="n">WIDGET_BOOL</span><span class="p">(</span><span class="nb">false</span><span class="p">,</span><span class="w"> </span><span class="s">"Yes"</span><span class="p">,</span><span class="w"> </span><span class="s">"No"</span><span class="p">,</span><span class="w"> </span><span class="s">"%s sir"</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">)</span>
+</span></code></pre></div>
+</div>
+<p>In the above example, the WidgetBool widget is created with the following properties:</p>
+<ul class="simple">
+<li><p>The initial value is false.</p></li>
+<li><p>The text to display when the value is true is “Yes”.</p></li>
+<li><p>The text to display when the value is false is “No”.</p></li>
+<li><p>The format to use when displaying the value is “%s sir” (the value will be displayed as “Yes sir” or “No sir”).</p></li>
+<li><p>The cursor offset is 5 (the cursor will be 5 characters from the end of the widget ie. on the ‘s’ in “Yes” or on the ‘o’ in “No”).</p></li>
+</ul>
+<section id="widget-interaction">
+<h2>Widget Interaction<a class="headerlink" href="#widget-interaction" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#widget-interaction'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<p>The WidgetBool widget can be toggled using the following controls:
+- Press LEFT/RIGHT to toggle between true and false states
+- Press ENTER to confirm the current value and:</p>
+<blockquote>
+<div><ul class="simple">
+<li><p>Move to the next widget if available</p></li>
+<li><p>Exit focus mode if no next widget exists</p></li>
+</ul>
+</div></blockquote>
+</section>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        Widget overview
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="widget-list.html">
+        WidgetList
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#widget-interaction'" class="reference internal" href="#widget-interaction">Widget Interaction</a></li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/overview/widgets/widget-list.html b/overview/widgets/widget-list.html
new file mode 100644
index 00000000..02a6827f
--- /dev/null
+++ b/overview/widgets/widget-list.html
@@ -0,0 +1,310 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetList | LcdMenu</title>
+<meta content="WidgetList | LcdMenu" property="og:title"/>
+<meta content="WidgetList | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="widget-range.html" rel="next" title="WidgetRange"/>
+<link href="widget-bool.html" rel="prev" title="WidgetBool"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../../reference/changelog.html">Changelog</a>
+<a href="../../reference/license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/overview/widgets/widget-list.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">Widget overview</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetList</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetlist">
+<h1>WidgetList<a class="headerlink" href="#widgetlist" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<p>The WidgetList widget enables users to select an item from a list of options.
+The list of options can be defined by the user and can contain up to 255 items.</p>
+<p>Using the WidgetList widget, you can create menu items that present numbers, text, or other settings as selectable options to users.</p>
+<p>The WidgetList accepts any type of data as the list items, as long as it can be converted to a string.</p>
+<p>WidgetList has the following properties:</p>
+<ul class="simple">
+<li><p><strong>values</strong>: The list of values to choose from.</p></li>
+<li><p><strong>size</strong>: The number of items in the list.</p></li>
+<li><p><strong>activePosition</strong>: The index of the currently selected item (default: 0).</p></li>
+<li><p><strong>format</strong>: The format string used to display the selected item (default: “%s”).</p></li>
+<li><p><strong>cursorOffset</strong>: The offset of the cursor from the end of the widget when the widget is focused (default: 0).</p></li>
+<li><p><strong>cycle</strong>: Whether the selection should cycle back to the beginning when the end of the list is reached (default: false).</p></li>
+<li><p><strong>callback</strong>: A callback function that will be called when an item is selected (default: nullptr).
+The callback is not required if you have multiple widgets in a WidgetItem and you want to handle the selection in the WidgetItem callback.</p></li>
+</ul>
+<p>The following are examples of how to create WidgetList widgets:</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">listItems</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="s">"Item 1"</span><span class="p">,</span><span class="w"> </span><span class="s">"Item 2"</span><span class="p">,</span><span class="w"> </span><span class="s">"Item 3"</span><span class="p">,</span><span class="w"> </span><span class="s">"Item 4"</span><span class="w"> </span><span class="p">};</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">listItems</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">listItems</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">listItems</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">,</span><span class="w"> </span><span class="p">[](</span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">item</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-4"><span class="w">    </span><span class="c1">// Callback function to handle item selection</span>
+</span><span id="line-5"><span class="p">})</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetList allows the user to select an item from “Item 1”, “Item 2”, “Item 3”, or “Item 4”.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="kt">uint8_t</span><span class="w"> </span><span class="n">listItems</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="mi">7</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">9</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">};</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">listItems</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">listItems</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">listItems</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">)</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetList allows the user to select an item from 7, 2, 9, or 4 only.
+This is useful when you want to limit the user to a specific set of values.</p>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">days</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Mon"</span><span class="p">,</span><span class="w"> </span><span class="s">"Tue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Wed"</span><span class="p">,</span><span class="w"> </span><span class="s">"Thu"</span><span class="p">,</span><span class="w"> </span><span class="s">"Fri"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sat"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sun"</span><span class="p">};</span>
+</span><span id="line-2">
+</span><span id="line-3"><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">days</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">" on %s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetList allows the user to select a day of the week.
+The selected day will be displayed as <strong>“ on Mon”</strong>, <strong>“ on Tue”</strong>, <strong>“ on Wed”</strong>, etc.</p>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="widget-bool.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        WidgetBool
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="widget-range.html">
+        WidgetRange
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/overview/widgets/widget-range.html b/overview/widgets/widget-range.html
new file mode 100644
index 00000000..1da6c89b
--- /dev/null
+++ b/overview/widgets/widget-range.html
@@ -0,0 +1,327 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetRange | LcdMenu</title>
+<meta content="WidgetRange | LcdMenu" property="og:title"/>
+<meta content="WidgetRange | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="../control/index.html" rel="next" title="Controlling the menu"/>
+<link href="widget-list.html" rel="prev" title="WidgetList"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../reference/license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../../reference/changelog.html">Changelog</a>
+<a href="../../reference/license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul class="current">
+<li class="toctree-l1"><a class="reference internal" href="../getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget-list.html">WidgetList</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../reference/api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../reference/api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../reference/faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/overview/widgets/widget-range.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">Widget overview</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetRange</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetrange">
+<h1>WidgetRange<a class="headerlink" href="#widgetrange" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<p>The WidgetRange widget is a widget that allows the user to select a value within a range of values by either
+incrementing or decrementing the value.</p>
+<p>Some use cases for the WidgetRange widget include volume control, brightness control, time selection, temperature control, etc.</p>
+<p>The WidgetRange widget has the following properties:</p>
+<ul class="simple">
+<li><p><strong>value</strong>: The initial value of the widget.</p></li>
+<li><p><strong>step</strong>: The amount by which the value should be incremented or decremented.</p></li>
+<li><p><strong>min</strong>: The minimum value that the widget can take.</p></li>
+<li><p><strong>max</strong>: The maximum value that the widget can take.</p></li>
+<li><p><strong>format</strong>: The format string used to display the value (default: “%d”).</p></li>
+<li><p><strong>cursorOffset</strong>: The offset of the cursor from the end of the widget when the widget is focused (default: 0).</p></li>
+<li><p><strong>cycle</strong>: Whether the selection should cycle back to the beginning when the end of the range is reached (default: false).</p></li>
+<li><p><strong>callback</strong>: A callback function that will be called when the value is changed (default: nullptr).
+The callback is not required if you have multiple widgets in a WidgetItem and you want to handle the selection in the WidgetItem callback.</p></li>
+</ul>
+<p>The following are examples of how to create WidgetRange widgets:</p>
+<section id="price-picker">
+<h2>Price picker<a class="headerlink" href="#price-picker" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#price-picker'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1000</span><span class="p">,</span><span class="w"> </span><span class="s">"%.1d€"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetRange allows the user to select a price between 0€ and 1000€ in steps of 5€.
+The selected price will be displayed as <strong>“10€”</strong>, <strong>“15€”</strong>, <strong>“20€”</strong>, etc with the cursor placed at the end of the value ie. on the ‘€’.</p>
+</section>
+<section id="time-picker">
+<h2>Time picker<a class="headerlink" href="#time-picker" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#time-picker'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="p">...</span>
+</span><span id="line-2"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">23</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-3"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">59</span><span class="p">,</span><span class="w"> </span><span class="s">":%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-4"><span class="p">...</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetRange allows the user to select a time between 00:00 and 23:59.
+The selected time will be displayed as <strong>“00:00”</strong>, <strong>“00:01”</strong>, <strong>“00:02”</strong>, etc with the cursor placed at the end of the value ie. on the last digit.</p>
+</section>
+<section id="date-picker">
+<h2>Date picker<a class="headerlink" href="#date-picker" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#date-picker'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<div class="highlight-c++ notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="p">...</span>
+</span><span id="line-2"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">31</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-3"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">12</span><span class="p">,</span><span class="w"> </span><span class="s">"/%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-4"><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">2021</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2021</span><span class="p">,</span><span class="w"> </span><span class="mi">2025</span><span class="p">,</span><span class="w"> </span><span class="s">"/%04d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-5"><span class="p">...</span>
+</span></code></pre></div>
+</div>
+<p>In the above example the WidgetRange allows the user to select a date between 01/01/2021 and 31/12/2025.
+The selected date will be displayed as <strong>“01/01/2021”</strong>, <strong>“01/02/2021”</strong>, <strong>“01/03/2021”</strong>, etc with the cursor placed at the end of the value ie. on the last digit.</p>
+</section>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="widget-list.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        WidgetList
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../control/index.html">
+        Controlling the menu
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#price-picker'" class="reference internal" href="#price-picker">Price picker</a></li>
+<li><a :data-current="activeSection === '#time-picker'" class="reference internal" href="#time-picker">Time picker</a></li>
+<li><a :data-current="activeSection === '#date-picker'" class="reference internal" href="#date-picker">Date picker</a></li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/BaseItemManyWidgets.html b/reference/api/BaseItemManyWidgets.html
new file mode 100644
index 00000000..385f9a52
--- /dev/null
+++ b/reference/api/BaseItemManyWidgets.html
@@ -0,0 +1,397 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>BaseItemManyWidgets | LcdMenu</title>
+<meta content="BaseItemManyWidgets | LcdMenu" property="og:title"/>
+<meta content="BaseItemManyWidgets | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="BaseItemZeroWidget.html" rel="next" title="BaseItemZeroWidget"/>
+<link href="ItemRangeBase.html" rel="prev" title="ItemRangeBase"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../changelog.html">Changelog</a>
+<a href="../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/BaseItemManyWidgets.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">API reference</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">BaseItemManyWidgets</span>
+</nav>
+<div id="content" role="main">
+<section id="baseitemmanywidgets">
+<h1>BaseItemManyWidgets<a class="headerlink" href="#baseitemmanywidgets" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv419BaseItemManyWidgets">
+<span id="_CPPv319BaseItemManyWidgets"></span><span id="_CPPv219BaseItemManyWidgets"></span><span id="BaseItemManyWidgets"></span><span class="target" id="classBaseItemManyWidgets"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseItemManyWidgets</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><a class="headerlink" href="#_CPPv419BaseItemManyWidgets" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv419BaseItemManyWidgets'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Subclassed by <a class="reference internal" href="ItemWidget.html#classItemWidget"><span class="std std-ref">ItemWidget&lt; Ts &gt;</span></a></p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t">
+<span id="_CPPv3N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t"></span><span id="_CPPv2N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t"></span><span id="BaseItemManyWidgets::BaseItemManyWidgets__cCP.BaseWidgetPP.uint8_tC.uint8_t"></span><span class="target" id="classBaseItemManyWidgets_1adcc53d8aa7071b6db00e251f004b71b8"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseItemManyWidgets</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <a class="reference internal" href="widget/BaseWidget.html#_CPPv410BaseWidget" title="BaseWidget"><span class="n"><span class="pre">BaseWidget</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">widgets</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">size</span></span>, <span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">activeWidget</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv">
+<span id="_CPPv3NK19BaseItemManyWidgets15getActiveWidgetEv"></span><span id="_CPPv2NK19BaseItemManyWidgets15getActiveWidgetEv"></span><span id="BaseItemManyWidgets::getActiveWidgetC"></span><span class="target" id="classBaseItemManyWidgets_1a5c6ddde903b98d7ea0849d19f273d24e"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">getActiveWidget</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">const</span></span><a class="headerlink" href="#_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t">
+<span id="_CPPv3N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t"></span><span id="_CPPv2N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t"></span><span id="BaseItemManyWidgets::setActiveWidget__uint8_tC"></span><span class="target" id="classBaseItemManyWidgets_1afe65cec68bcc40dc7f1f0dfea08bb175"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setActiveWidget</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">activeWidget</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgetsD0Ev">
+<span id="_CPPv3N19BaseItemManyWidgetsD0Ev"></span><span id="_CPPv2N19BaseItemManyWidgetsD0Ev"></span><span id="BaseItemManyWidgets::~BaseItemManyWidgets"></span><span class="target" id="classBaseItemManyWidgets_1a7341df824d8c825957863aede4a9cfd4"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">~BaseItemManyWidgets</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgetsD0Ev" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgetsD0Ev'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets12handleCommitEv">
+<span id="_CPPv3N19BaseItemManyWidgets12handleCommitEv"></span><span id="_CPPv2N19BaseItemManyWidgets12handleCommitEv"></span><span id="BaseItemManyWidgets::handleCommit"></span><span class="target" id="classBaseItemManyWidgets_1a4e63720440c482fc537b79a9c3a91730"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets12handleCommitEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets12handleCommitEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets5resetEv">
+<span id="_CPPv3N19BaseItemManyWidgets5resetEv"></span><span id="_CPPv2N19BaseItemManyWidgets5resetEv"></span><span id="BaseItemManyWidgets::reset"></span><span class="target" id="classBaseItemManyWidgets_1aae97a52302d054eb5294d311e21941cc"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">reset</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets5resetEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets5resetEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Reset the active widget to the first widget. </p>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer">
+<span id="_CPPv3N19BaseItemManyWidgets4drawEP12MenuRenderer"></span><span id="_CPPv2N19BaseItemManyWidgets4drawEP12MenuRenderer"></span><span id="BaseItemManyWidgets::draw__MenuRendererP"></span><span class="target" id="classBaseItemManyWidgets_1ada394c87abddaa8cbe69e6f1c94ce994"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">draw</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="renderer/MenuRenderer.html#_CPPv412MenuRenderer" title="MenuRenderer"><span class="n"><span class="pre">MenuRenderer</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">renderer</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Draws the menu item using the provided renderer. </p>
+<p>This function is responsible for rendering the menu item and its associated widgets. It iterates through each widget, drawing them into a buffer, and then uses the renderer to display the combined result. If the renderer is in edit mode, it also handles the cursor positioning for editing.</p>
+<p>
+The function performs the following steps:<ol class="lowerroman simple">
+<li><p>Initializes a buffer to hold the drawn content and variables for indexing and cursor positioning.</p></li>
+<li><p>Iterates through each widget, drawing it into the buffer and updating the index.</p></li>
+<li><p>If the active widget is being edited, it draws the item using the renderer and calculates the cursor position.</p></li>
+<li><p>Draws the final item using the renderer.</p></li>
+<li><p>If in edit mode, moves the cursor to the appropriate position for editing. </p></li>
+</ol>
+</p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>renderer</strong> – A pointer to the <a class="reference internal" href="renderer/MenuRenderer.html#classMenuRenderer"><span class="std std-ref">MenuRenderer</span></a> object used for drawing the item.</p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh">
+<span id="_CPPv3N19BaseItemManyWidgets7processEP7LcdMenuKh"></span><span id="_CPPv2N19BaseItemManyWidgets7processEP7LcdMenuKh"></span><span id="BaseItemManyWidgets::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classBaseItemManyWidgets_1af5780b5ad6e1ee5ca84019ec208400e3"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Processes a command for the active widget in the menu. </p>
+<p>This function handles the processing of commands for the active widget in the menu. It first attempts to process the command using the active widget. If the widget processes the command successfully, it redraws the menu and returns true.</p>
+<p>If the renderer is in edit mode, it handles navigation commands (ENTER, RIGHT, LEFT, BACK) to navigate through the widgets or exit edit mode.</p>
+<p>When the ENTER command is received while the renderer is in edit mode and the active widget is not the last widget, it moves to the next widget. If the active widget is the last widget, it exits edit mode and calls the handleCommit function to commit the changes.</p>
+<p>If the renderer is not in edit mode and the ENTER command is received, it sets the renderer to edit mode, redraws the menu, and draws a blinker.</p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>menu</strong> – Pointer to the <a class="reference internal" href="LcdMenu.html#classLcdMenu"><span class="std std-ref">LcdMenu</span></a> object. </p></li>
+<li><p><strong>command</strong> – The command to be processed. </p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns<span class="colon">:</span></dt>
+<dd class="field-even"><p>true if the command was processed successfully, false otherwise. </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer">
+<span id="_CPPv3N19BaseItemManyWidgets4leftEP12MenuRenderer"></span><span id="_CPPv2N19BaseItemManyWidgets4leftEP12MenuRenderer"></span><span id="BaseItemManyWidgets::left__MenuRendererP"></span><span class="target" id="classBaseItemManyWidgets_1a8c098d1cd7db5012786e1e54908e0512"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">left</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="renderer/MenuRenderer.html#_CPPv412MenuRenderer" title="MenuRenderer"><span class="n"><span class="pre">MenuRenderer</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">renderer</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer">
+<span id="_CPPv3N19BaseItemManyWidgets5rightEP12MenuRenderer"></span><span id="_CPPv2N19BaseItemManyWidgets5rightEP12MenuRenderer"></span><span id="BaseItemManyWidgets::right__MenuRendererP"></span><span class="target" id="classBaseItemManyWidgets_1a1a88e041d4e067ad72da3e7a28ecd3d7"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">right</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="renderer/MenuRenderer.html#_CPPv412MenuRenderer" title="MenuRenderer"><span class="n"><span class="pre">MenuRenderer</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">renderer</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer">
+<span id="_CPPv3N19BaseItemManyWidgets4backEP12MenuRenderer"></span><span id="_CPPv2N19BaseItemManyWidgets4backEP12MenuRenderer"></span><span id="BaseItemManyWidgets::back__MenuRendererP"></span><span class="target" id="classBaseItemManyWidgets_1aebfa422e2e9921401cefee31f63dcce3"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">back</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="renderer/MenuRenderer.html#_CPPv412MenuRenderer" title="MenuRenderer"><span class="n"><span class="pre">MenuRenderer</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">renderer</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets7widgetsE">
+<span id="_CPPv3N19BaseItemManyWidgets7widgetsE"></span><span id="_CPPv2N19BaseItemManyWidgets7widgetsE"></span><span id="BaseItemManyWidgets::widgets__BaseWidgetPP"></span><span class="target" id="classBaseItemManyWidgets_1ac8f9862d3756e2d3240741c04dd43d07"></span><a class="reference internal" href="widget/BaseWidget.html#_CPPv410BaseWidget" title="BaseWidget"><span class="n"><span class="pre">BaseWidget</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">widgets</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets7widgetsE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets7widgetsE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets4sizeE">
+<span id="_CPPv3N19BaseItemManyWidgets4sizeE"></span><span id="_CPPv2N19BaseItemManyWidgets4sizeE"></span><span id="BaseItemManyWidgets::size__uint8_tC"></span><span class="target" id="classBaseItemManyWidgets_1a880fc4fd14012d6af3e95d98eebb48f8"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">size</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets4sizeE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets4sizeE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N19BaseItemManyWidgets12activeWidgetE">
+<span id="_CPPv3N19BaseItemManyWidgets12activeWidgetE"></span><span id="_CPPv2N19BaseItemManyWidgets12activeWidgetE"></span><span id="BaseItemManyWidgets::activeWidget__uint8_t"></span><span class="target" id="classBaseItemManyWidgets_1af3375f286d7592cd31489a7bdd3755d1"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">activeWidget</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N19BaseItemManyWidgets12activeWidgetE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19BaseItemManyWidgets12activeWidgetE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemRangeBase.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        ItemRangeBase
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseItemZeroWidget.html">
+        BaseItemZeroWidget
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv419BaseItemManyWidgets'" class="reference internal" href="#_CPPv419BaseItemManyWidgets"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::BaseItemManyWidgets()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv'" class="reference internal" href="#_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::getActiveWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::setActiveWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgetsD0Ev'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgetsD0Ev"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::~BaseItemManyWidgets()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets12handleCommitEv'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets12handleCommitEv"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::handleCommit()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets5resetEv'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets5resetEv"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::reset()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::draw()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::left()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::right()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::back()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets7widgetsE'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets7widgetsE"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::widgets</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets4sizeE'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets4sizeE"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::size</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N19BaseItemManyWidgets12activeWidgetE'" class="reference internal" href="#_CPPv4N19BaseItemManyWidgets12activeWidgetE"><code class="docutils literal notranslate"><span class="pre">BaseItemManyWidgets::activeWidget</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/BaseItemZeroWidget.html b/reference/api/BaseItemZeroWidget.html
new file mode 100644
index 00000000..7369a798
--- /dev/null
+++ b/reference/api/BaseItemZeroWidget.html
@@ -0,0 +1,348 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>BaseItemZeroWidget | LcdMenu</title>
+<meta content="BaseItemZeroWidget | LcdMenu" property="og:title"/>
+<meta content="BaseItemZeroWidget | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="ItemWidget.html" rel="next" title="ItemWidget"/>
+<link href="BaseItemManyWidgets.html" rel="prev" title="BaseItemManyWidgets"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../changelog.html">Changelog</a>
+<a href="../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/BaseItemZeroWidget.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">API reference</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">BaseItemZeroWidget</span>
+</nav>
+<div id="content" role="main">
+<section id="baseitemzerowidget">
+<h1>BaseItemZeroWidget<a class="headerlink" href="#baseitemzerowidget" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv418BaseItemZeroWidget">
+<span id="_CPPv318BaseItemZeroWidget"></span><span id="_CPPv218BaseItemZeroWidget"></span><span id="BaseItemZeroWidget"></span><span class="target" id="classBaseItemZeroWidget"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseItemZeroWidget</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><a class="headerlink" href="#_CPPv418BaseItemZeroWidget" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv418BaseItemZeroWidget'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;BaseItemZeroWidget.h&gt;</em></div>
+<p>A base class for menu items that either require custom commit handling or no commit handling. </p>
+<p>This class extends the <a class="reference internal" href="MenuItem.html#classMenuItem"><span class="std std-ref">MenuItem</span></a> class and provides a framework for menu items that either need no commit handling or need to handle commit actions in a specific way. It requires derived classes to implement the <code class="docutils literal notranslate"><span class="pre">handleCommit</span></code> method for custom commit handling.</p>
+<div class="admonition note">
+<p class="admonition-title">Note</p>
+<p>This class is intended to be used as a base class for other menu items. It should not be instantiated directly. </p>
+</div>
+<p>Subclassed by <a class="reference internal" href="ItemBack.html#classItemBack"><span class="std std-ref">ItemBack</span></a>, <a class="reference internal" href="ItemCommand.html#classItemCommand"><span class="std std-ref">ItemCommand</span></a>, <a class="reference internal" href="ItemSubMenu.html#classItemSubMenu"><span class="std std-ref">ItemSubMenu</span></a></p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N18BaseItemZeroWidgetD0Ev">
+<span id="_CPPv3N18BaseItemZeroWidgetD0Ev"></span><span id="_CPPv2N18BaseItemZeroWidgetD0Ev"></span><span id="BaseItemZeroWidget::~BaseItemZeroWidget"></span><span class="target" id="classBaseItemZeroWidget_1a8558d0cb85635954dfb5a21e7f8c01e3"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">~BaseItemZeroWidget</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">default</span></span><a class="headerlink" href="#_CPPv4N18BaseItemZeroWidgetD0Ev" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N18BaseItemZeroWidgetD0Ev'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc">
+<span id="_CPPv3N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc"></span><span id="_CPPv2N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc"></span><span id="BaseItemZeroWidget::BaseItemZeroWidget__cCP"></span><span class="target" id="classBaseItemZeroWidget_1aeff507ee970461c395c3d86312c99856"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">explicit</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseItemZeroWidget</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Construct a new <a class="reference internal" href="#classBaseItemZeroWidget"><span class="std std-ref">BaseItemZeroWidget</span></a> object. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>text</strong> – The text to display for the menu item. </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu">
+<span id="_CPPv3N18BaseItemZeroWidget12handleCommitEP7LcdMenu"></span><span id="_CPPv2N18BaseItemZeroWidget12handleCommitEP7LcdMenu"></span><span id="BaseItemZeroWidget::handleCommit__LcdMenuP"></span><span class="target" id="classBaseItemZeroWidget_1ad188b0d63d31d7d829ca998739e691ec"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer">
+<span id="_CPPv3N18BaseItemZeroWidget4drawEP12MenuRenderer"></span><span id="_CPPv2N18BaseItemZeroWidget4drawEP12MenuRenderer"></span><span id="BaseItemZeroWidget::draw__MenuRendererP"></span><span class="target" id="classBaseItemZeroWidget_1a486c24c707bac96a15be16c6045debc3"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">draw</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="renderer/MenuRenderer.html#_CPPv412MenuRenderer" title="MenuRenderer"><span class="n"><span class="pre">MenuRenderer</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">renderer</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Draw this menu item on specified display on current row. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>renderer</strong> – The renderer to use for drawing. </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh">
+<span id="_CPPv3N18BaseItemZeroWidget7processEP7LcdMenuKh"></span><span id="_CPPv2N18BaseItemZeroWidget7processEP7LcdMenuKh"></span><span id="BaseItemZeroWidget::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classBaseItemZeroWidget_1a4b5061e4bc9925028d15abd1b21411fd"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process a command decoded in 1 byte. It can be a printable character or a control command like <code class="docutils literal notranslate"><span class="pre">ENTER</span></code> or <code class="docutils literal notranslate"><span class="pre">LEFT</span></code>. Return value is used to determine operation was successful or ignored. If the parent of item received that handle was ignored it can execute it’s own action on this command. Thus, the item always has priority in processing; if it is ignored, it is delegated to the parent element. Behaviour is very similar to Even Bubbling in JavaScript. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>menu</strong> – the owner menu of the item, can be used to retrieve required object, such as <code class="docutils literal notranslate"><a class="reference internal" href="display/DisplayInterface.html#classDisplayInterface"><span class="std std-ref"><span class="pre">DisplayInterface</span></span></a></code> or <code class="docutils literal notranslate"><a class="reference internal" href="MenuScreen.html#classMenuScreen"><span class="std std-ref"><span class="pre">MenuScreen</span></span></a></code></p></li>
+<li><p><strong>command</strong> – the character command, can be a printable character or a control command </p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns<span class="colon">:</span></dt>
+<dd class="field-even"><p>true if command was successfully handled by item. </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseItemManyWidgets.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        BaseItemManyWidgets
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemWidget.html">
+        ItemWidget
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv418BaseItemZeroWidget'" class="reference internal" href="#_CPPv418BaseItemZeroWidget"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N18BaseItemZeroWidgetD0Ev'" class="reference internal" href="#_CPPv4N18BaseItemZeroWidgetD0Ev"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget::~BaseItemZeroWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc'" class="reference internal" href="#_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget::BaseItemZeroWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu'" class="reference internal" href="#_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget::handleCommit()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer'" class="reference internal" href="#_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget::draw()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">BaseItemZeroWidget::process()</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/ItemBack.html b/reference/api/ItemBack.html
index 0b50463a..89ddc4b7 100644
--- a/reference/api/ItemBack.html
+++ b/reference/api/ItemBack.html
@@ -11,15 +11,15 @@
 <meta content="ItemBack | LcdMenu" property="og:title"/>
 <meta content="ItemBack | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemIntRange.html" rel="next" title="ItemIntRange"/>
-<link href="ItemInputCharset.html" rel="prev" title="ItemInputCharset"/>
+<link href="ItemSubMenu.html" rel="next" title="ItemSubMenu"/>
+<link href="ItemFloatRange.html" rel="prev" title="ItemFloatRange"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -219,29 +230,25 @@
 <section id="itemback">
 <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
 <div class="breathe-sectiondef docutils container">
-<p class="breathe-sectiondef-title rubric" id="breathe-section-title-defines">Defines</p>
-<dl class="cpp macro">
-<dt class="sig sig-object cpp" id="c.ITEM_BACK">
-<span class="target" id="ItemBack_8h_1a7dec219ca0468dba2e53d616f578f4e0"></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_BACK</span></span></span><span class="sig-paren">(</span><span class="p"><span class="pre">...</span></span><span class="sig-paren">)</span><a class="headerlink" href="#c.ITEM_BACK" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#c.ITEM_BACK'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv49ITEM_BACKPKc">
+<span id="_CPPv39ITEM_BACKPKc"></span><span id="_CPPv29ITEM_BACKPKc"></span><span id="ITEM_BACK__cCP"></span><span class="target" id="ItemBack_8h_1aabfc537bdcebf914bde944506de281ba"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_BACK</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">".."</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv49ITEM_BACKPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv49ITEM_BACKPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 <dl class="cpp class">
 <dt class="sig sig-object cpp" id="_CPPv48ItemBack">
-<span id="_CPPv38ItemBack"></span><span id="_CPPv28ItemBack"></span><span id="ItemBack"></span><span class="target" id="classItemBack"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemBack</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><a class="headerlink" href="#_CPPv48ItemBack" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv48ItemBack'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv38ItemBack"></span><span id="_CPPv28ItemBack"></span><span id="ItemBack"></span><span class="target" id="classItemBack"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemBack</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseItemZeroWidget.html#_CPPv418BaseItemZeroWidget" title="BaseItemZeroWidget"><span class="n"><span class="pre">BaseItemZeroWidget</span></span></a><a class="headerlink" href="#_CPPv48ItemBack" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv48ItemBack'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><div class="docutils container">
 <em>#include &lt;ItemBack.h&gt;</em></div>
 <p>A menu item that navigates back to the previous screen. </p>
 <p>The <a class="reference internal" href="#classItemBack"><span class="std std-ref">ItemBack</span></a> class represents a menu item that, when selected, navigates back to the previous screen in the menu system.</p>
-<p>This class inherits from the <a class="reference internal" href="MenuItem.html#classMenuItem"><span class="std std-ref">MenuItem</span></a> class and overrides the process method to handle the ENTER command by changing the screen.</p>
-<div class="admonition note">
-<p class="admonition-title">Note</p>
-<p>The default text for this item is “..”. </p>
-</div>
+<p>This class inherits from the <a class="reference internal" href="BaseItemZeroWidget.html#classBaseItemZeroWidget"><span class="std std-ref">BaseItemZeroWidget</span></a> class and overrides the handleCommit method to handle the ENTER command by navigating back to the previous screen. </p>
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N8ItemBack8ItemBackEPKc">
-<span id="_CPPv3N8ItemBack8ItemBackEPKc"></span><span id="_CPPv2N8ItemBack8ItemBackEPKc"></span><span id="ItemBack::ItemBack__cCP"></span><span class="target" id="classItemBack_1a06b504a38dcdfdde0ebc253a82f5f739"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemBack</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">".."</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemBack8ItemBackEPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemBack8ItemBackEPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N8ItemBack8ItemBackEPKc"></span><span id="_CPPv2N8ItemBack8ItemBackEPKc"></span><span id="ItemBack::ItemBack__cCP"></span><span class="target" id="classItemBack_1a5123ab1cd0abb5e70776d9c918306960"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemBack</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemBack8ItemBackEPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemBack8ItemBackEPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Construct a new <a class="reference internal" href="#classItemBack"><span class="std std-ref">ItemBack</span></a> object. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Parameters<span class="colon">:</span></dt>
@@ -253,40 +260,24 @@ <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading">
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N8ItemBack7processEP7LcdMenuKh">
-<span id="_CPPv3N8ItemBack7processEP7LcdMenuKh"></span><span id="_CPPv2N8ItemBack7processEP7LcdMenuKh"></span><span id="ItemBack::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classItemBack_1ac6afa4c79426b080075f315bee2335b2"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N8ItemBack7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemBack7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Process a command decoded in 1 byte. It can be a printable character or a control command like <code class="docutils literal notranslate"><span class="pre">ENTER</span></code> or <code class="docutils literal notranslate"><span class="pre">LEFT</span></code>. Return value is used to determine operation was successful or ignored. If the parent of item received that handle was ignored it can execute it’s own action on this command. Thus, the item always has priority in processing; if it is ignored, it is delegated to the parent element. Behaviour is very similar to Even Bubbling in JavaScript. </p>
-<dl class="field-list simple">
-<dt class="field-odd">Parameters<span class="colon">:</span></dt>
-<dd class="field-odd"><ul class="simple">
-<li><p><strong>menu</strong> – the owner menu of the item, can be used to retrieve required object, such as <code class="docutils literal notranslate"><a class="reference internal" href="display/DisplayInterface.html#classDisplayInterface"><span class="std std-ref"><span class="pre">DisplayInterface</span></span></a></code> or <code class="docutils literal notranslate"><a class="reference internal" href="MenuScreen.html#classMenuScreen"><span class="std std-ref"><span class="pre">MenuScreen</span></span></a></code></p></li>
-<li><p><strong>command</strong> – the character command, can be a printable character or a control command </p></li>
-</ul>
-</dd>
-<dt class="field-even">Returns<span class="colon">:</span></dt>
-<dd class="field-even"><p>true if command was successfully handled by item. </p>
-</dd>
-</dl>
-</dd></dl>
-<dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N8ItemBack12changeScreenEP7LcdMenu">
-<span id="_CPPv3N8ItemBack12changeScreenEP7LcdMenu"></span><span id="_CPPv2N8ItemBack12changeScreenEP7LcdMenu"></span><span id="ItemBack::changeScreen__LcdMenuP"></span><span class="target" id="classItemBack_1a11a91b736a494e078ca7e1ea59b92e1c"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">changeScreen</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemBack12changeScreenEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemBack12changeScreenEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dt class="sig sig-object cpp" id="_CPPv4N8ItemBack12handleCommitEP7LcdMenu">
+<span id="_CPPv3N8ItemBack12handleCommitEP7LcdMenu"></span><span id="_CPPv2N8ItemBack12handleCommitEP7LcdMenu"></span><span id="ItemBack::handleCommit__LcdMenuP"></span><span class="target" id="classItemBack_1a8fa2abcbf31c0591098b56348eb3a188"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N8ItemBack12handleCommitEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemBack12handleCommitEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 </dd></dl>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInputCharset.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemFloatRange.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemInputCharset
+        ItemFloatRange
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemIntRange.html">
-        ItemIntRange
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemSubMenu.html">
+        ItemSubMenu
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -295,10 +286,10 @@ <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading">
 </div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
 <div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
 <ul>
+<li><a :data-current="activeSection === '#_CPPv49ITEM_BACKPKc'" class="reference internal" href="#_CPPv49ITEM_BACKPKc"><code class="docutils literal notranslate"><span class="pre">ITEM_BACK()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv48ItemBack'" class="reference internal" href="#_CPPv48ItemBack"><code class="docutils literal notranslate"><span class="pre">ItemBack</span></code></a><ul>
 <li><a :data-current="activeSection === '#_CPPv4N8ItemBack8ItemBackEPKc'" class="reference internal" href="#_CPPv4N8ItemBack8ItemBackEPKc"><code class="docutils literal notranslate"><span class="pre">ItemBack::ItemBack()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N8ItemBack7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N8ItemBack7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">ItemBack::process()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N8ItemBack12changeScreenEP7LcdMenu'" class="reference internal" href="#_CPPv4N8ItemBack12changeScreenEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">ItemBack::changeScreen()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N8ItemBack12handleCommitEP7LcdMenu'" class="reference internal" href="#_CPPv4N8ItemBack12handleCommitEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">ItemBack::handleCommit()</span></code></a></li>
 </ul>
 </li>
 </ul>
@@ -322,7 +313,7 @@ <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading">
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemCommand.html b/reference/api/ItemCommand.html
index 433af3b1..dbb1e056 100644
--- a/reference/api/ItemCommand.html
+++ b/reference/api/ItemCommand.html
@@ -11,15 +11,15 @@
 <meta content="ItemCommand | LcdMenu" property="og:title"/>
 <meta content="ItemCommand | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemInput.html" rel="next" title="ItemInput"/>
-<link href="MenuItem.html" rel="prev" title="MenuItem"/>
+<link href="MenuItem.html" rel="next" title="MenuItem"/>
+<link href="MenuScreen.html" rel="prev" title="MenuScreen"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -219,103 +230,55 @@
 <section id="itemcommand">
 <h1>ItemCommand<a class="headerlink" href="#itemcommand" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
 <div class="breathe-sectiondef docutils container">
-<p class="breathe-sectiondef-title rubric" id="breathe-section-title-defines">Defines</p>
-<dl class="cpp macro">
-<dt class="sig sig-object cpp" id="c.ITEM_COMMAND">
-<span class="target" id="ItemCommand_8h_1a7a3fc884242cd5c3017d620ee6ec2e61"></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_COMMAND</span></span></span><span class="sig-paren">(</span><span class="p"><span class="pre">...</span></span><span class="sig-paren">)</span><a class="headerlink" href="#c.ITEM_COMMAND" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#c.ITEM_COMMAND'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv412ITEM_COMMANDPKcPFvvE">
+<span id="_CPPv312ITEM_COMMANDPKcPFvvE"></span><span id="_CPPv212ITEM_COMMANDPKcPFvvE"></span><span class="target" id="ItemCommand_8h_1af2e3ebac8c687bfaea789372db4d320a"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_COMMAND</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">)</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv412ITEM_COMMANDPKcPFvvE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv412ITEM_COMMANDPKcPFvvE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 <dl class="cpp class">
 <dt class="sig sig-object cpp" id="_CPPv411ItemCommand">
-<span id="_CPPv311ItemCommand"></span><span id="_CPPv211ItemCommand"></span><span id="ItemCommand"></span><span class="target" id="classItemCommand"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemCommand</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><a class="headerlink" href="#_CPPv411ItemCommand" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv411ItemCommand'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv311ItemCommand"></span><span id="_CPPv211ItemCommand"></span><span id="ItemCommand"></span><span class="target" id="classItemCommand"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemCommand</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseItemZeroWidget.html#_CPPv418BaseItemZeroWidget" title="BaseItemZeroWidget"><span class="n"><span class="pre">BaseItemZeroWidget</span></span></a><a class="headerlink" href="#_CPPv411ItemCommand" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv411ItemCommand'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><div class="docutils container">
 <em>#include &lt;ItemCommand.h&gt;</em></div>
-<p>Represents a menu item that executes a command when selected. </p>
-<p>The <a class="reference internal" href="#classItemCommand"><span class="std std-ref">ItemCommand</span></a> class inherits from <a class="reference internal" href="MenuItem.html#classMenuItem"><span class="std std-ref">MenuItem</span></a> and allows for the execution of a callback function when the item is entered. This is useful for creating interactive menu items in an LCD menu system.</p>
-<div class="admonition note">
-<p class="admonition-title">Note</p>
-<p>The callback function should match the signature defined by the fptr type. </p>
-</div>
+<p>A menu item that executes a callback function when selected. </p>
+<p>This class extends the <a class="reference internal" href="BaseItemZeroWidget.html#classBaseItemZeroWidget"><span class="std std-ref">BaseItemZeroWidget</span></a> class and provides a menu item that executes a callback function when selected. The callback function is provided as a function pointer during construction.</p>
+<p>As a <a class="reference internal" href="BaseItemZeroWidget.html#classBaseItemZeroWidget"><span class="std std-ref">BaseItemZeroWidget</span></a>, this item responds to selection events in the menu system. When the user confirms the selection, handleCommit is triggered, which executes the provided callback. </p>
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand11ItemCommandEPKc4fptr">
-<span id="_CPPv3N11ItemCommand11ItemCommandEPKc4fptr"></span><span id="_CPPv2N11ItemCommand11ItemCommandEPKc4fptr"></span><span id="ItemCommand::ItemCommand__cCP.fptr"></span><span class="target" id="classItemCommand_1ae76b25d0dab025fc4c97e1e891b46653"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemCommand</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="n"><span class="pre">fptr</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">callback</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemCommand11ItemCommandEPKc4fptr" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand11ItemCommandEPKc4fptr'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Construct a new <a class="reference internal" href="#classItemCommand"><span class="std std-ref">ItemCommand</span></a> object.</p>
-<dl class="field-list simple">
-<dt class="field-odd">Parameters<span class="colon">:</span></dt>
-<dd class="field-odd"><ul class="simple">
-<li><p><strong>text</strong> – The text of the item. </p></li>
-<li><p><strong>callback</strong> – A reference to the callback function to be invoked when the item is entered. </p></li>
-</ul>
-</dd>
-</dl>
-</dd></dl>
-<dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand11getCallbackEv">
-<span id="_CPPv3N11ItemCommand11getCallbackEv"></span><span id="_CPPv2N11ItemCommand11getCallbackEv"></span><span id="ItemCommand::getCallback"></span><span class="target" id="classItemCommand_1a78397040e447319539cf27d12f242cff"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="n"><span class="pre">fptr</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">getCallback</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemCommand11getCallbackEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand11getCallbackEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Get the callback function for this item.</p>
-<dl class="field-list simple">
-<dt class="field-odd">Returns<span class="colon">:</span></dt>
-<dd class="field-odd"><p>The function pointer to the callback function. </p>
-</dd>
-</dl>
-</dd></dl>
-<dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand11setCallBackE4fptr">
-<span id="_CPPv3N11ItemCommand11setCallBackE4fptr"></span><span id="_CPPv2N11ItemCommand11setCallBackE4fptr"></span><span id="ItemCommand::setCallBack__fptr"></span><span class="target" id="classItemCommand_1aaf240d2a9752dff14ffbd0eeca1f127f"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setCallBack</span></span></span><span class="sig-paren">(</span><span class="n"><span class="pre">fptr</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">callback</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemCommand11setCallBackE4fptr" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand11setCallBackE4fptr'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Set the callback function for this item.</p>
-<dl class="field-list simple">
-<dt class="field-odd">Parameters<span class="colon">:</span></dt>
-<dd class="field-odd"><p><strong>callback</strong> – A reference to the new callback function to be invoked when the item is entered. </p>
-</dd>
-</dl>
-</dd></dl>
+<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE">
+<span id="_CPPv3N11ItemCommand11ItemCommandEPKcPFvvE"></span><span id="_CPPv2N11ItemCommand11ItemCommandEPKcPFvvE"></span><span class="target" id="classItemCommand_1aca8ca1826ba6f62110a42361d728ff14"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemCommand</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">)</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
 </div>
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand7processEP7LcdMenuKh">
-<span id="_CPPv3N11ItemCommand7processEP7LcdMenuKh"></span><span id="_CPPv2N11ItemCommand7processEP7LcdMenuKh"></span><span id="ItemCommand::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classItemCommand_1afd885239486d52eed3ff2a9e91a55225"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N11ItemCommand7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Process a command decoded in 1 byte. It can be a printable character or a control command like <code class="docutils literal notranslate"><span class="pre">ENTER</span></code> or <code class="docutils literal notranslate"><span class="pre">LEFT</span></code>. Return value is used to determine operation was successful or ignored. If the parent of item received that handle was ignored it can execute it’s own action on this command. Thus, the item always has priority in processing; if it is ignored, it is delegated to the parent element. Behaviour is very similar to Even Bubbling in JavaScript. </p>
-<dl class="field-list simple">
-<dt class="field-odd">Parameters<span class="colon">:</span></dt>
-<dd class="field-odd"><ul class="simple">
-<li><p><strong>menu</strong> – the owner menu of the item, can be used to retrieve required object, such as <code class="docutils literal notranslate"><a class="reference internal" href="display/DisplayInterface.html#classDisplayInterface"><span class="std std-ref"><span class="pre">DisplayInterface</span></span></a></code> or <code class="docutils literal notranslate"><a class="reference internal" href="MenuScreen.html#classMenuScreen"><span class="std std-ref"><span class="pre">MenuScreen</span></span></a></code></p></li>
-<li><p><strong>command</strong> – the character command, can be a printable character or a control command </p></li>
-</ul>
-</dd>
-<dt class="field-even">Returns<span class="colon">:</span></dt>
-<dd class="field-even"><p>true if command was successfully handled by item. </p>
-</dd>
-</dl>
-</dd></dl>
-<dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand14executeCommandEv">
-<span id="_CPPv3N11ItemCommand14executeCommandEv"></span><span id="_CPPv2N11ItemCommand14executeCommandEv"></span><span id="ItemCommand::executeCommand"></span><span class="target" id="classItemCommand_1a8675b45dec3e35389f8168d23ffaec1b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">executeCommand</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemCommand14executeCommandEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand14executeCommandEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand12handleCommitEP7LcdMenu">
+<span id="_CPPv3N11ItemCommand12handleCommitEP7LcdMenu"></span><span id="_CPPv2N11ItemCommand12handleCommitEP7LcdMenu"></span><span id="ItemCommand::handleCommit__LcdMenuP"></span><span class="target" id="classItemCommand_1a183ba9b7486aff9dd8c4fc974413887b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N11ItemCommand12handleCommitEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand12handleCommitEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-private-members">Private Members</p>
 <dl class="cpp var">
 <dt class="sig sig-object cpp" id="_CPPv4N11ItemCommand8callbackE">
-<span id="_CPPv3N11ItemCommand8callbackE"></span><span id="_CPPv2N11ItemCommand8callbackE"></span><span id="ItemCommand::callback__fptr"></span><span class="target" id="classItemCommand_1a3bbc049108308f158251f1975dabc777"></span><span class="n"><span class="pre">fptr</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">callback</span></span></span><a class="headerlink" href="#_CPPv4N11ItemCommand8callbackE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand8callbackE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N11ItemCommand8callbackE"></span><span id="_CPPv2N11ItemCommand8callbackE"></span><span class="target" id="classItemCommand_1a81407c59d9db7e6ea1a487b9e2a60f48"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">callback</span></span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">)</span></span><a class="headerlink" href="#_CPPv4N11ItemCommand8callbackE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemCommand8callbackE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 </dd></dl>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuItem.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuScreen.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        MenuItem
+        MenuScreen
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInput.html">
-        ItemInput
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuItem.html">
+        MenuItem
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -324,12 +287,10 @@ <h1>ItemCommand<a class="headerlink" href="#itemcommand" title="Link to this hea
 </div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
 <div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
 <ul>
+<li><a :data-current="activeSection === '#_CPPv412ITEM_COMMANDPKcPFvvE'" class="reference internal" href="#_CPPv412ITEM_COMMANDPKcPFvvE"><code class="docutils literal notranslate"><span class="pre">ITEM_COMMAND()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv411ItemCommand'" class="reference internal" href="#_CPPv411ItemCommand"><code class="docutils literal notranslate"><span class="pre">ItemCommand</span></code></a><ul>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand11ItemCommandEPKc4fptr'" class="reference internal" href="#_CPPv4N11ItemCommand11ItemCommandEPKc4fptr"><code class="docutils literal notranslate"><span class="pre">ItemCommand::ItemCommand()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand11getCallbackEv'" class="reference internal" href="#_CPPv4N11ItemCommand11getCallbackEv"><code class="docutils literal notranslate"><span class="pre">ItemCommand::getCallback()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand11setCallBackE4fptr'" class="reference internal" href="#_CPPv4N11ItemCommand11setCallBackE4fptr"><code class="docutils literal notranslate"><span class="pre">ItemCommand::setCallBack()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N11ItemCommand7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">ItemCommand::process()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand14executeCommandEv'" class="reference internal" href="#_CPPv4N11ItemCommand14executeCommandEv"><code class="docutils literal notranslate"><span class="pre">ItemCommand::executeCommand()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE'" class="reference internal" href="#_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE"><code class="docutils literal notranslate"><span class="pre">ItemCommand::ItemCommand()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11ItemCommand12handleCommitEP7LcdMenu'" class="reference internal" href="#_CPPv4N11ItemCommand12handleCommitEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">ItemCommand::handleCommit()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N11ItemCommand8callbackE'" class="reference internal" href="#_CPPv4N11ItemCommand8callbackE"><code class="docutils literal notranslate"><span class="pre">ItemCommand::callback</span></code></a></li>
 </ul>
 </li>
@@ -354,7 +315,7 @@ <h1>ItemCommand<a class="headerlink" href="#itemcommand" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemFloatRange.html b/reference/api/ItemFloatRange.html
index ca8064cd..c14facf6 100644
--- a/reference/api/ItemFloatRange.html
+++ b/reference/api/ItemFloatRange.html
@@ -11,15 +11,15 @@
 <meta content="ItemFloatRange | LcdMenu" property="og:title"/>
 <meta content="ItemFloatRange | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="LcdMenu.html" rel="next" title="LcdMenu"/>
-<link href="MenuScreen.html" rel="prev" title="MenuScreen"/>
+<link href="ItemBack.html" rel="next" title="ItemBack"/>
+<link href="ItemToggle.html" rel="prev" title="ItemToggle"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -239,7 +250,7 @@ <h1>ItemFloatRange<a class="headerlink" href="#itemfloatrange" title="Link to th
 <dd></dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N14ItemFloatRange15getDisplayValueEv">
-<span id="_CPPv3N14ItemFloatRange15getDisplayValueEv"></span><span id="_CPPv2N14ItemFloatRange15getDisplayValueEv"></span><span id="ItemFloatRange::getDisplayValue"></span><span class="target" id="classItemFloatRange_1aebef5612f5fdd7159088e405ad6535f5"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N14ItemFloatRange15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N14ItemFloatRange15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N14ItemFloatRange15getDisplayValueEv"></span><span id="_CPPv2N14ItemFloatRange15getDisplayValueEv"></span><span id="ItemFloatRange::getDisplayValue"></span><span class="target" id="classItemFloatRange_1a63c0d69b2c50b86ad5899eaeac1633a0"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N14ItemFloatRange15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N14ItemFloatRange15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Returns the value to be displayed. If a unit is provided, it will be concatenated to the value. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -252,16 +263,16 @@ <h1>ItemFloatRange<a class="headerlink" href="#itemfloatrange" title="Link to th
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuScreen.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemToggle.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        MenuScreen
+        ItemToggle
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LcdMenu.html">
-        LcdMenu
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
+        ItemBack
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -296,7 +307,7 @@ <h1>ItemFloatRange<a class="headerlink" href="#itemfloatrange" title="Link to th
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemInput.html b/reference/api/ItemInput.html
index 5b556ad0..87633d11 100644
--- a/reference/api/ItemInput.html
+++ b/reference/api/ItemInput.html
@@ -11,15 +11,15 @@
 <meta content="ItemInput | LcdMenu" property="og:title"/>
 <meta content="ItemInput | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="renderer/index.html" rel="next" title="renderer"/>
-<link href="ItemCommand.html" rel="prev" title="ItemCommand"/>
+<link href="ItemInputCharset.html" rel="next" title="ItemInputCharset"/>
+<link href="ItemIntRange.html" rel="prev" title="ItemIntRange"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -269,7 +280,7 @@ <h1>ItemInput<a class="headerlink" href="#iteminput" title="Link to this heading
 </dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N9ItemInput8getValueEv">
-<span id="_CPPv3N9ItemInput8getValueEv"></span><span id="_CPPv2N9ItemInput8getValueEv"></span><span id="ItemInput::getValue"></span><span class="target" id="classItemInput_1adfd3a3f6292006c852644fe75d9e7b0a"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N9ItemInput8getValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N9ItemInput8getValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N9ItemInput8getValueEv"></span><span id="_CPPv2N9ItemInput8getValueEv"></span><span id="ItemInput::getValue"></span><span class="target" id="classItemInput_1a21497d397eccae869aead2d31ab38de6"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N9ItemInput8getValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N9ItemInput8getValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Get the current input value for this item.</p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -418,16 +429,16 @@ <h1>ItemInput<a class="headerlink" href="#iteminput" title="Link to this heading
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemCommand.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemIntRange.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemCommand
+        ItemIntRange
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="renderer/index.html">
-        renderer
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInputCharset.html">
+        ItemInputCharset
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -478,7 +489,7 @@ <h1>ItemInput<a class="headerlink" href="#iteminput" title="Link to this heading
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemInputCharset.html b/reference/api/ItemInputCharset.html
index 321ea70c..098b6fb9 100644
--- a/reference/api/ItemInputCharset.html
+++ b/reference/api/ItemInputCharset.html
@@ -11,15 +11,15 @@
 <meta content="ItemInputCharset | LcdMenu" property="og:title"/>
 <meta content="ItemInputCharset | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemBack.html" rel="next" title="ItemBack"/>
-<link href="ItemSubMenu.html" rel="prev" title="ItemSubMenu"/>
+<link href="ItemList.html" rel="next" title="ItemList"/>
+<link href="ItemInput.html" rel="prev" title="ItemInput"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -327,16 +338,16 @@ <h1>ItemInputCharset<a class="headerlink" href="#iteminputcharset" title="Link t
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemSubMenu.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInput.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemSubMenu
+        ItemInput
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
-        ItemBack
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemList.html">
+        ItemList
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -381,7 +392,7 @@ <h1>ItemInputCharset<a class="headerlink" href="#iteminputcharset" title="Link t
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemIntRange.html b/reference/api/ItemIntRange.html
index 320f5981..d2fcfd60 100644
--- a/reference/api/ItemIntRange.html
+++ b/reference/api/ItemIntRange.html
@@ -11,15 +11,15 @@
 <meta content="ItemIntRange | LcdMenu" property="og:title"/>
 <meta content="ItemIntRange | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="MenuItem.html" rel="next" title="MenuItem"/>
-<link href="ItemBack.html" rel="prev" title="ItemBack"/>
+<link href="ItemInput.html" rel="next" title="ItemInput"/>
+<link href="ItemWidget.html" rel="prev" title="ItemWidget"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -239,7 +250,7 @@ <h1>ItemIntRange<a class="headerlink" href="#itemintrange" title="Link to this h
 <dd></dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N12ItemIntRange15getDisplayValueEv">
-<span id="_CPPv3N12ItemIntRange15getDisplayValueEv"></span><span id="_CPPv2N12ItemIntRange15getDisplayValueEv"></span><span id="ItemIntRange::getDisplayValue"></span><span class="target" id="classItemIntRange_1a44de3f5718ee17f7c60dcc7fd76c056d"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N12ItemIntRange15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N12ItemIntRange15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N12ItemIntRange15getDisplayValueEv"></span><span id="_CPPv2N12ItemIntRange15getDisplayValueEv"></span><span id="ItemIntRange::getDisplayValue"></span><span class="target" id="classItemIntRange_1a41bc1765516ca759617ac76a1b7dcd99"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N12ItemIntRange15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N12ItemIntRange15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Returns the value to be displayed. If a unit is provided, it will be concatenated to the value. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -252,16 +263,16 @@ <h1>ItemIntRange<a class="headerlink" href="#itemintrange" title="Link to this h
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemWidget.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemBack
+        ItemWidget
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuItem.html">
-        MenuItem
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInput.html">
+        ItemInput
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -296,7 +307,7 @@ <h1>ItemIntRange<a class="headerlink" href="#itemintrange" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemList.html b/reference/api/ItemList.html
index 6de771ec..e120bb67 100644
--- a/reference/api/ItemList.html
+++ b/reference/api/ItemList.html
@@ -11,15 +11,15 @@
 <meta content="ItemList | LcdMenu" property="og:title"/>
 <meta content="ItemList | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemRangeBase.html" rel="next" title="ItemRangeBase"/>
-<link href="LcdMenu.html" rel="prev" title="LcdMenu"/>
+<link href="ItemToggle.html" rel="next" title="ItemToggle"/>
+<link href="ItemInputCharset.html" rel="prev" title="ItemInputCharset"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -295,7 +306,7 @@ <h1>ItemList<a class="headerlink" href="#itemlist" title="Link to this heading">
 </dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N8ItemList8getItemsEv">
-<span id="_CPPv3N8ItemList8getItemsEv"></span><span id="_CPPv2N8ItemList8getItemsEv"></span><span id="ItemList::getItems"></span><span class="target" id="classItemList_1a92b03a8a0aac29ad3fc16c4af285415b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="n"><span class="pre">String</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getItems</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemList8getItemsEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemList8getItemsEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N8ItemList8getItemsEv"></span><span id="_CPPv2N8ItemList8getItemsEv"></span><span id="ItemList::getItems"></span><span class="target" id="classItemList_1a6bc6d7914b5233ebf69d0ab2a8989a9c"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="n"><span class="pre">String</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getItems</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemList8getItemsEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemList8getItemsEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Returns a pointer to the array of items. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -305,7 +316,7 @@ <h1>ItemList<a class="headerlink" href="#itemlist" title="Link to this heading">
 </dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N8ItemList8getValueEv">
-<span id="_CPPv3N8ItemList8getValueEv"></span><span id="_CPPv2N8ItemList8getValueEv"></span><span id="ItemList::getValue"></span><span class="target" id="classItemList_1a39d90fbb20088903ee5f500d89e2fa73"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemList8getValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemList8getValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N8ItemList8getValueEv"></span><span id="_CPPv2N8ItemList8getValueEv"></span><span id="ItemList::getValue"></span><span class="target" id="classItemList_1afc0a5d31cc0b1f6471030239c0bfd2e7"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8ItemList8getValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8ItemList8getValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Returns the value of the currently selected item. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -374,16 +385,16 @@ <h1>ItemList<a class="headerlink" href="#itemlist" title="Link to this heading">
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LcdMenu.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInputCharset.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        LcdMenu
+        ItemInputCharset
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemRangeBase.html">
-        ItemRangeBase
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemToggle.html">
+        ItemToggle
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -431,7 +442,7 @@ <h1>ItemList<a class="headerlink" href="#itemlist" title="Link to this heading">
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemRangeBase.html b/reference/api/ItemRangeBase.html
index 7a6ac75d..db7df636 100644
--- a/reference/api/ItemRangeBase.html
+++ b/reference/api/ItemRangeBase.html
@@ -11,15 +11,15 @@
 <meta content="ItemRangeBase | LcdMenu" property="og:title"/>
 <meta content="ItemRangeBase | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemSubMenu.html" rel="next" title="ItemSubMenu"/>
-<link href="ItemList.html" rel="prev" title="ItemList"/>
+<link href="BaseItemManyWidgets.html" rel="next" title="BaseItemManyWidgets"/>
+<link href="LcdMenu.html" rel="prev" title="LcdMenu"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -290,7 +301,7 @@ <h1>ItemRangeBase<a class="headerlink" href="#itemrangebase" title="Link to this
 </dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N13ItemRangeBase15getDisplayValueEv">
-<span id="_CPPv3N13ItemRangeBase15getDisplayValueEv"></span><span id="_CPPv2N13ItemRangeBase15getDisplayValueEv"></span><span id="ItemRangeBase::getDisplayValue"></span><span class="target" id="classItemRangeBase_1a66d399cace44335fa6451e33fac8be9c"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N13ItemRangeBase15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N13ItemRangeBase15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N13ItemRangeBase15getDisplayValueEv"></span><span id="_CPPv2N13ItemRangeBase15getDisplayValueEv"></span><span id="ItemRangeBase::getDisplayValue"></span><span class="target" id="classItemRangeBase_1ada55cad2b2f9709256241998fdeae4bf"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getDisplayValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N13ItemRangeBase15getDisplayValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N13ItemRangeBase15getDisplayValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Returns the value to be displayed. If a unit is provided, it will be concatenated to the value. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -363,16 +374,16 @@ <h1>ItemRangeBase<a class="headerlink" href="#itemrangebase" title="Link to this
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemList.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LcdMenu.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemList
+        LcdMenu
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemSubMenu.html">
-        ItemSubMenu
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseItemManyWidgets.html">
+        BaseItemManyWidgets
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -420,7 +431,7 @@ <h1>ItemRangeBase<a class="headerlink" href="#itemrangebase" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemSubMenu.html b/reference/api/ItemSubMenu.html
index 5702bcd2..3b1cbf19 100644
--- a/reference/api/ItemSubMenu.html
+++ b/reference/api/ItemSubMenu.html
@@ -11,15 +11,15 @@
 <meta content="ItemSubMenu | LcdMenu" property="og:title"/>
 <meta content="ItemSubMenu | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemInputCharset.html" rel="next" title="ItemInputCharset"/>
-<link href="ItemRangeBase.html" rel="prev" title="ItemRangeBase"/>
+<link href="MenuScreen.html" rel="next" title="MenuScreen"/>
+<link href="ItemBack.html" rel="prev" title="ItemBack"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -219,15 +230,15 @@
 <section id="itemsubmenu">
 <h1>ItemSubMenu<a class="headerlink" href="#itemsubmenu" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
 <div class="breathe-sectiondef docutils container">
-<p class="breathe-sectiondef-title rubric" id="breathe-section-title-defines">Defines</p>
-<dl class="cpp macro">
-<dt class="sig sig-object cpp" id="c.ITEM_SUBMENU">
-<span class="target" id="ItemSubMenu_8h_1a99d760cb875a77fdd95daf3d59c55713"></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_SUBMENU</span></span></span><span class="sig-paren">(</span><span class="p"><span class="pre">...</span></span><span class="sig-paren">)</span><a class="headerlink" href="#c.ITEM_SUBMENU" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#c.ITEM_SUBMENU'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv412ITEM_SUBMENUPKcRP10MenuScreen">
+<span id="_CPPv312ITEM_SUBMENUPKcRP10MenuScreen"></span><span id="_CPPv212ITEM_SUBMENUPKcRP10MenuScreen"></span><span id="ITEM_SUBMENU__cCP.MenuScreenPR"></span><span class="target" id="ItemSubMenu_8h_1a8cee83b633b1791f0acf592052fd859d"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_SUBMENU</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <a class="reference internal" href="MenuScreen.html#_CPPv410MenuScreen" title="MenuScreen"><span class="n"><span class="pre">MenuScreen</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">&amp;</span></span><span class="n sig-param"><span class="pre">screen</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv412ITEM_SUBMENUPKcRP10MenuScreen" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv412ITEM_SUBMENUPKcRP10MenuScreen'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 <dl class="cpp class">
 <dt class="sig sig-object cpp" id="_CPPv411ItemSubMenu">
-<span id="_CPPv311ItemSubMenu"></span><span id="_CPPv211ItemSubMenu"></span><span id="ItemSubMenu"></span><span class="target" id="classItemSubMenu"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemSubMenu</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><a class="headerlink" href="#_CPPv411ItemSubMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv411ItemSubMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv311ItemSubMenu"></span><span id="_CPPv211ItemSubMenu"></span><span id="ItemSubMenu"></span><span class="target" id="classItemSubMenu"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemSubMenu</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseItemZeroWidget.html#_CPPv418BaseItemZeroWidget" title="BaseItemZeroWidget"><span class="n"><span class="pre">BaseItemZeroWidget</span></span></a><a class="headerlink" href="#_CPPv411ItemSubMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv411ItemSubMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><div class="docutils container">
 <em>#include &lt;ItemSubMenu.h&gt;</em></div>
 <p>Represents a submenu item in a menu. </p>
@@ -250,24 +261,8 @@ <h1>ItemSubMenu<a class="headerlink" href="#itemsubmenu" title="Link to this hea
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemSubMenu7processEP7LcdMenuKh">
-<span id="_CPPv3N11ItemSubMenu7processEP7LcdMenuKh"></span><span id="_CPPv2N11ItemSubMenu7processEP7LcdMenuKh"></span><span id="ItemSubMenu::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classItemSubMenu_1ae991f60b5308095266bda613998847fb"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemSubMenu7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemSubMenu7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
-<dd><p>Process a command decoded in 1 byte. It can be a printable character or a control command like <code class="docutils literal notranslate"><span class="pre">ENTER</span></code> or <code class="docutils literal notranslate"><span class="pre">LEFT</span></code>. Return value is used to determine operation was successful or ignored. If the parent of item received that handle was ignored it can execute it’s own action on this command. Thus, the item always has priority in processing; if it is ignored, it is delegated to the parent element. Behaviour is very similar to Even Bubbling in JavaScript. </p>
-<dl class="field-list simple">
-<dt class="field-odd">Parameters<span class="colon">:</span></dt>
-<dd class="field-odd"><ul class="simple">
-<li><p><strong>menu</strong> – the owner menu of the item, can be used to retrieve required object, such as <code class="docutils literal notranslate"><a class="reference internal" href="display/DisplayInterface.html#classDisplayInterface"><span class="std std-ref"><span class="pre">DisplayInterface</span></span></a></code> or <code class="docutils literal notranslate"><a class="reference internal" href="MenuScreen.html#classMenuScreen"><span class="std std-ref"><span class="pre">MenuScreen</span></span></a></code></p></li>
-<li><p><strong>command</strong> – the character command, can be a printable character or a control command </p></li>
-</ul>
-</dd>
-<dt class="field-even">Returns<span class="colon">:</span></dt>
-<dd class="field-even"><p>true if command was successfully handled by item. </p>
-</dd>
-</dl>
-</dd></dl>
-<dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu">
-<span id="_CPPv3N11ItemSubMenu12changeScreenEP7LcdMenu"></span><span id="_CPPv2N11ItemSubMenu12changeScreenEP7LcdMenu"></span><span id="ItemSubMenu::changeScreen__LcdMenuP"></span><span class="target" id="classItemSubMenu_1abc37629daa435c3a2929cdddddb02f60"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">changeScreen</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dt class="sig sig-object cpp" id="_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu">
+<span id="_CPPv3N11ItemSubMenu12handleCommitEP7LcdMenu"></span><span id="_CPPv2N11ItemSubMenu12handleCommitEP7LcdMenu"></span><span id="ItemSubMenu::handleCommit__LcdMenuP"></span><span class="target" id="classItemSubMenu_1a9c764d510739659236e9bd35f58a1d16"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 </div>
 <div class="breathe-sectiondef docutils container">
@@ -281,16 +276,16 @@ <h1>ItemSubMenu<a class="headerlink" href="#itemsubmenu" title="Link to this hea
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemRangeBase.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemRangeBase
+        ItemBack
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemInputCharset.html">
-        ItemInputCharset
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuScreen.html">
+        MenuScreen
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -299,10 +294,10 @@ <h1>ItemSubMenu<a class="headerlink" href="#itemsubmenu" title="Link to this hea
 </div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
 <div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
 <ul>
+<li><a :data-current="activeSection === '#_CPPv412ITEM_SUBMENUPKcRP10MenuScreen'" class="reference internal" href="#_CPPv412ITEM_SUBMENUPKcRP10MenuScreen"><code class="docutils literal notranslate"><span class="pre">ITEM_SUBMENU()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv411ItemSubMenu'" class="reference internal" href="#_CPPv411ItemSubMenu"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu</span></code></a><ul>
 <li><a :data-current="activeSection === '#_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen'" class="reference internal" href="#_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu::ItemSubMenu()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemSubMenu7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N11ItemSubMenu7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu::process()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu'" class="reference internal" href="#_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu::changeScreen()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu'" class="reference internal" href="#_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu::handleCommit()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N11ItemSubMenu6screenE'" class="reference internal" href="#_CPPv4N11ItemSubMenu6screenE"><code class="docutils literal notranslate"><span class="pre">ItemSubMenu::screen</span></code></a></li>
 </ul>
 </li>
@@ -327,7 +322,7 @@ <h1>ItemSubMenu<a class="headerlink" href="#itemsubmenu" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemToggle.html b/reference/api/ItemToggle.html
index a53dcfa3..245f853c 100644
--- a/reference/api/ItemToggle.html
+++ b/reference/api/ItemToggle.html
@@ -11,15 +11,15 @@
 <meta content="ItemToggle | LcdMenu" property="og:title"/>
 <meta content="ItemToggle | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="MenuScreen.html" rel="next" title="MenuScreen"/>
-<link href="index.html" rel="prev" title="API reference"/>
+<link href="ItemFloatRange.html" rel="next" title="ItemFloatRange"/>
+<link href="ItemList.html" rel="prev" title="ItemList"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -317,11 +328,11 @@ <h1>ItemToggle<a class="headerlink" href="#itemtoggle" title="Link to this headi
 </dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N10ItemToggle9getTextOnEv">
-<span id="_CPPv3N10ItemToggle9getTextOnEv"></span><span id="_CPPv2N10ItemToggle9getTextOnEv"></span><span id="ItemToggle::getTextOn"></span><span class="target" id="classItemToggle_1a435a25d1d3db98ce1024d5aa7a85d57f"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOn</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemToggle9getTextOnEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemToggle9getTextOnEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N10ItemToggle9getTextOnEv"></span><span id="_CPPv2N10ItemToggle9getTextOnEv"></span><span id="ItemToggle::getTextOn"></span><span class="target" id="classItemToggle_1acf125083ae1418ba17d274bdc817c876"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOn</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemToggle9getTextOnEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemToggle9getTextOnEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N10ItemToggle10getTextOffEv">
-<span id="_CPPv3N10ItemToggle10getTextOffEv"></span><span id="_CPPv2N10ItemToggle10getTextOffEv"></span><span id="ItemToggle::getTextOff"></span><span class="target" id="classItemToggle_1ab6f01d7a5e6075c996641d41ab00595c"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOff</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemToggle10getTextOffEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemToggle10getTextOffEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N10ItemToggle10getTextOffEv"></span><span id="_CPPv2N10ItemToggle10getTextOffEv"></span><span id="ItemToggle::getTextOff"></span><span class="target" id="classItemToggle_1ab044d08e0088d7534cdcc390c7e5bb31"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOff</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemToggle10getTextOffEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemToggle10getTextOffEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd></dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N10ItemToggle4drawEP12MenuRenderer">
@@ -380,16 +391,16 @@ <h1>ItemToggle<a class="headerlink" href="#itemtoggle" title="Link to this headi
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemList.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        API reference
+        ItemList
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuScreen.html">
-        MenuScreen
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemFloatRange.html">
+        ItemFloatRange
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -437,7 +448,7 @@ <h1>ItemToggle<a class="headerlink" href="#itemtoggle" title="Link to this headi
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/ItemWidget.html b/reference/api/ItemWidget.html
new file mode 100644
index 00000000..c87cf98a
--- /dev/null
+++ b/reference/api/ItemWidget.html
@@ -0,0 +1,389 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>ItemWidget | LcdMenu</title>
+<meta content="ItemWidget | LcdMenu" property="og:title"/>
+<meta content="ItemWidget | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="ItemIntRange.html" rel="next" title="ItemIntRange"/>
+<link href="BaseItemZeroWidget.html" rel="prev" title="BaseItemZeroWidget"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../changelog.html">Changelog</a>
+<a href="../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/ItemWidget.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">API reference</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">ItemWidget</span>
+</nav>
+<div id="content" role="main">
+<section id="itemwidget">
+<h1>ItemWidget<a class="headerlink" href="#itemwidget" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE">
+<span id="_CPPv3IDpE11ITEM_WIDGETPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE"></span><span id="_CPPv2IDpE11ITEM_WIDGETPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="p"><span class="pre">...</span></span><span class="sig-name descname"><span class="n"><span class="pre">Ts</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="ItemWidget_8h_1a5126b286bfcf98c69ed69e490b6db405"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="MenuItem.html#_CPPv48MenuItem" title="MenuItem"><span class="n"><span class="pre">MenuItem</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_WIDGET</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="k"><span class="pre">typename</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4IDpE10ItemWidget" title="ItemWidget"><span class="n"><span class="pre">ItemWidget</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE" title="ITEM_WIDGET::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">&gt;</span></span><span class="p"><span class="pre">::</span></span><span class="n"><span class="pre">CallbackType</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">callback</span></span>, <a class="reference internal" href="widget/BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE" title="ITEM_WIDGET::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">&gt;</span></span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">widgetPtrs</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Create an <a class="reference internal" href="#classItemWidget"><span class="std std-ref">ItemWidget</span></a> object. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>text</strong> – the text of the item </p></li>
+<li><p><strong>callback</strong> – reference to callback function to call when the value of the item is changed </p></li>
+<li><p><strong>widgetPtrs</strong> – pointers to the widgets associated with this item </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<dl class="cpp struct">
+<dt class="sig sig-object cpp" id="_CPPv4I_Dp6size_tE14index_sequence">
+<span id="_CPPv3I_Dp6size_tE14index_sequence"></span><span id="_CPPv2I_Dp6size_tE14index_sequence"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="n"><span class="pre">size_t</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">Is</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="structindex__sequence"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">index_sequence</span></span></span><a class="headerlink" href="#_CPPv4I_Dp6size_tE14index_sequence" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I_Dp6size_tE14index_sequence'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp struct">
+<dt class="sig sig-object cpp" id="_CPPv4I_6size_t_Dp6size_tE19make_index_sequence">
+<span id="_CPPv3I_6size_t_Dp6size_tE19make_index_sequence"></span><span id="_CPPv2I_6size_t_Dp6size_tE19make_index_sequence"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="n"><span class="pre">size_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">N</span></span></span><span class="p"><span class="pre">,</span></span><span class="w"> </span><span class="n"><span class="pre">size_t</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">Is</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="structmake__index__sequence"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">make_index_sequence</span></span></span><a class="headerlink" href="#_CPPv4I_6size_t_Dp6size_tE19make_index_sequence" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I_6size_t_Dp6size_tE19make_index_sequence'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;ItemWidget.h&gt;</em></div>
+<p>Custom implementation of <a class="reference internal" href="#structindex__sequence"><span class="std std-ref">index_sequence</span></a> and <a class="reference internal" href="#structmake__index__sequence"><span class="std std-ref">make_index_sequence</span></a> for C++11 compatibility on Arduino. </p>
+<p>This template struct generates a compile-time sequence of integers, which is useful for template metaprogramming. The implementation is necessary because the standard library’s std::index_sequence and std::make_index_sequence are not available in C++11, which is commonly used in Arduino projects.</p>
+<dl class="field-list simple">
+<dt class="field-odd">Template Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>N</strong> – The size of the sequence to generate. </p></li>
+<li><p><strong>Is</strong> – The sequence of integers generated so far. </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp struct">
+<dt class="sig sig-object cpp" id="_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE">
+<span id="_CPPv3I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE"></span><span id="_CPPv2I_Dp6size_tE19make_index_sequenceIX0EDp2IsE"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="n"><span class="pre">size_t</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">Is</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="structmake__index__sequence_3_010_00_01Is_8_8_8_01_4"></span><span class="k"><span class="pre">struct</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">make_index_sequence</span></span></span><span class="p"><span class="pre">&lt;</span></span><span class="m"><span class="pre">0</span></span><span class="p"><span class="pre">,</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE" title="make_index_sequence&lt;0, Is...&gt;::Is"><span class="n"><span class="pre">Is</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">&gt;</span></span><a class="headerlink" href="#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-types">Public Types</p>
+<dl class="cpp type">
+<dt class="sig sig-object cpp" id="_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE">
+<span id="_CPPv3N19make_index_sequenceIXL0EEDp2IsE4typeE"></span><span id="_CPPv2N19make_index_sequenceIX0EDp2IsE4typeE"></span><span class="target" id="structmake__index__sequence_3_010_00_01Is_8_8_8_01_4_1af04967da78f13dbd31758ee369ee206f"></span><span class="k"><span class="pre">using</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">type</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I_Dp6size_tE14index_sequence" title="index_sequence"><span class="n"><span class="pre">index_sequence</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE" title="make_index_sequence&lt;0, Is...&gt;::Is"><span class="n"><span class="pre">Is</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">&gt;</span></span><a class="headerlink" href="#_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv4IDpE10ItemWidget">
+<span id="_CPPv3IDpE10ItemWidget"></span><span id="_CPPv2IDpE10ItemWidget"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="p"><span class="pre">...</span></span><span class="sig-name descname"><span class="n"><span class="pre">Ts</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classItemWidget"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemWidget</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseItemManyWidgets.html#_CPPv419BaseItemManyWidgets" title="BaseItemManyWidgets"><span class="n"><span class="pre">BaseItemManyWidgets</span></span></a><a class="headerlink" href="#_CPPv4IDpE10ItemWidget" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4IDpE10ItemWidget'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-types">Public Types</p>
+<dl class="cpp type">
+<dt class="sig sig-object cpp" id="_CPPv4N10ItemWidget12CallbackTypeE">
+<span id="_CPPv3N10ItemWidget12CallbackTypeE"></span><span id="_CPPv2N10ItemWidget12CallbackTypeE"></span><span class="target" id="classItemWidget_1a207bc4a0fc9de891f48b319ea6f06331"></span><span class="k"><span class="pre">using</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">CallbackType</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><a class="reference internal" href="#_CPPv4IDpE10ItemWidget" title="ItemWidget::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">)</span></span><a class="headerlink" href="#_CPPv4N10ItemWidget12CallbackTypeE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemWidget12CallbackTypeE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType">
+<span id="_CPPv3N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType"></span><span id="_CPPv2N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType"></span><span id="ItemWidget::ItemWidget__cCP.BaseWidgetValue:Ts:PDp.CallbackType"></span><span class="target" id="classItemWidget_1afa44d5e7759182e793cdc42dc9cf26bb"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">ItemWidget</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <a class="reference internal" href="widget/BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4IDpE10ItemWidget" title="ItemWidget::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">&gt;</span></span><span class="p"><span class="pre">*</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">widgetPtrs</span></span>, <a class="reference internal" href="#_CPPv4N10ItemWidget12CallbackTypeE" title="ItemWidget::CallbackType"><span class="n"><span class="pre">CallbackType</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">callback</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10ItemWidget9setValuesEDp2Ts">
+<span id="_CPPv3N10ItemWidget9setValuesEDp2Ts"></span><span id="_CPPv2N10ItemWidget9setValuesEDp2Ts"></span><span id="ItemWidget::setValues__TsDp"></span><span class="target" id="classItemWidget_1a71473d78015af94c071a98bb812675a2"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setValues</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv4IDpE10ItemWidget" title="ItemWidget::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">values</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10ItemWidget9setValuesEDp2Ts" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemWidget9setValuesEDp2Ts'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10ItemWidget12handleCommitEv">
+<span id="_CPPv3N10ItemWidget12handleCommitEv"></span><span id="_CPPv2N10ItemWidget12handleCommitEv"></span><span id="ItemWidget::handleCommit"></span><span class="target" id="classItemWidget_1a7bd4aaf18040285896bca412839a31cd"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleCommit</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N10ItemWidget12handleCommitEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemWidget12handleCommitEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE">
+<span id="_CPPv3I_Dp6size_tEN10ItemWidget14invokeCallbackE14index_sequenceIDp2IsE"></span><span id="_CPPv2I_Dp6size_tEN10ItemWidget14invokeCallbackE14index_sequenceIDp2IsE"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="n"><span class="pre">size_t</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">Is</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classItemWidget_1abdba5bd10d52ff11cbce7945edd317c8"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">invokeCallback</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv4I_Dp6size_tE14index_sequence" title="index_sequence"><span class="n"><span class="pre">index_sequence</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE" title="ItemWidget::invokeCallback::Is"><span class="n"><span class="pre">Is</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">&gt;</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10ItemWidget8callbackE">
+<span id="_CPPv3N10ItemWidget8callbackE"></span><span id="_CPPv2N10ItemWidget8callbackE"></span><span id="ItemWidget::callback__CallbackType"></span><span class="target" id="classItemWidget_1adc1200edeca2ceb7c147994b26baed07"></span><a class="reference internal" href="#_CPPv4N10ItemWidget12CallbackTypeE" title="ItemWidget::CallbackType"><span class="n"><span class="pre">CallbackType</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">callback</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><a class="headerlink" href="#_CPPv4N10ItemWidget8callbackE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10ItemWidget8callbackE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-private-functions">Private Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts">
+<span id="_CPPv3I_Dp6size_tEN10ItemWidget13setValuesImplE14index_sequenceIDp2IsEDp2Ts"></span><span id="_CPPv2I_Dp6size_tEN10ItemWidget13setValuesImplE14index_sequenceIDp2IsEDp2Ts"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="n"><span class="pre">size_t</span></span><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">Is</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classItemWidget_1a2f5186cb51b79a4239231b15dd114654"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setValuesImpl</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv4I_Dp6size_tE14index_sequence" title="index_sequence"><span class="n"><span class="pre">index_sequence</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts" title="ItemWidget::setValuesImpl::Is"><span class="n"><span class="pre">Is</span></span></a><span class="p"><span class="pre">...</span></span><span class="p"><span class="pre">&gt;</span></span>, <a class="reference internal" href="#_CPPv4IDpE10ItemWidget" title="ItemWidget::Ts"><span class="n"><span class="pre">Ts</span></span></a><span class="p"><span class="pre">...</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">values</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseItemZeroWidget.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        BaseItemZeroWidget
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemIntRange.html">
+        ItemIntRange
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE'" class="reference internal" href="#_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE"><code class="docutils literal notranslate"><span class="pre">ITEM_WIDGET()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I_Dp6size_tE14index_sequence'" class="reference internal" href="#_CPPv4I_Dp6size_tE14index_sequence"><code class="docutils literal notranslate"><span class="pre">index_sequence</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I_6size_t_Dp6size_tE19make_index_sequence'" class="reference internal" href="#_CPPv4I_6size_t_Dp6size_tE19make_index_sequence"><code class="docutils literal notranslate"><span class="pre">make_index_sequence</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE'" class="reference internal" href="#_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE"><code class="docutils literal notranslate"><span class="pre">make_index_sequence</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE'" class="reference internal" href="#_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE"><code class="docutils literal notranslate"><span class="pre">make_index_sequence::type</span></code></a></li>
+</ul>
+</li>
+<li><a :data-current="activeSection === '#_CPPv4IDpE10ItemWidget'" class="reference internal" href="#_CPPv4IDpE10ItemWidget"><code class="docutils literal notranslate"><span class="pre">ItemWidget</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N10ItemWidget12CallbackTypeE'" class="reference internal" href="#_CPPv4N10ItemWidget12CallbackTypeE"><code class="docutils literal notranslate"><span class="pre">ItemWidget::CallbackType</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType'" class="reference internal" href="#_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType"><code class="docutils literal notranslate"><span class="pre">ItemWidget::ItemWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10ItemWidget9setValuesEDp2Ts'" class="reference internal" href="#_CPPv4N10ItemWidget9setValuesEDp2Ts"><code class="docutils literal notranslate"><span class="pre">ItemWidget::setValues()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10ItemWidget12handleCommitEv'" class="reference internal" href="#_CPPv4N10ItemWidget12handleCommitEv"><code class="docutils literal notranslate"><span class="pre">ItemWidget::handleCommit()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE'" class="reference internal" href="#_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE"><code class="docutils literal notranslate"><span class="pre">ItemWidget::invokeCallback()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10ItemWidget8callbackE'" class="reference internal" href="#_CPPv4N10ItemWidget8callbackE"><code class="docutils literal notranslate"><span class="pre">ItemWidget::callback</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts'" class="reference internal" href="#_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts"><code class="docutils literal notranslate"><span class="pre">ItemWidget::setValuesImpl()</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/LcdMenu.html b/reference/api/LcdMenu.html
index 4426919c..ff732d18 100644
--- a/reference/api/LcdMenu.html
+++ b/reference/api/LcdMenu.html
@@ -11,15 +11,15 @@
 <meta content="LcdMenu" property="og:title"/>
 <meta content="LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemList.html" rel="next" title="ItemList"/>
-<link href="ItemFloatRange.html" rel="prev" title="ItemFloatRange"/>
+<link href="ItemRangeBase.html" rel="next" title="ItemRangeBase"/>
+<link href="index.html" rel="prev" title="API reference"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -348,16 +359,16 @@ <h1>LcdMenu<a class="headerlink" href="#lcdmenu" title="Link to this heading"><s
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemFloatRange.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemFloatRange
+        API reference
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemList.html">
-        ItemList
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemRangeBase.html">
+        ItemRangeBase
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -405,7 +416,7 @@ <h1>LcdMenu<a class="headerlink" href="#lcdmenu" title="Link to this heading"><s
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/MenuItem.html b/reference/api/MenuItem.html
index 9f74e664..a46f817e 100644
--- a/reference/api/MenuItem.html
+++ b/reference/api/MenuItem.html
@@ -11,15 +11,15 @@
 <meta content="MenuItem | LcdMenu" property="og:title"/>
 <meta content="MenuItem | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemCommand.html" rel="next" title="ItemCommand"/>
-<link href="ItemIntRange.html" rel="prev" title="ItemIntRange"/>
+<link href="display/index.html" rel="next" title="display"/>
+<link href="ItemCommand.html" rel="prev" title="ItemCommand"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -236,7 +247,7 @@ <h1>MenuItem<a class="headerlink" href="#menuitem" title="Link to this heading">
 </span><span id="line-3">└────────────────────────────┘
 </span></code></pre></div>
 </div>
-<p>Subclassed by <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; float &gt;</span></a>, <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; int &gt;</span></a>, <a class="reference internal" href="ItemBack.html#classItemBack"><span class="std std-ref">ItemBack</span></a>, <a class="reference internal" href="ItemCommand.html#classItemCommand"><span class="std std-ref">ItemCommand</span></a>, <a class="reference internal" href="ItemInput.html#classItemInput"><span class="std std-ref">ItemInput</span></a>, <a class="reference internal" href="ItemList.html#classItemList"><span class="std std-ref">ItemList</span></a>, <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; T &gt;</span></a>, <a class="reference internal" href="ItemSubMenu.html#classItemSubMenu"><span class="std std-ref">ItemSubMenu</span></a>, <a class="reference internal" href="ItemToggle.html#classItemToggle"><span class="std std-ref">ItemToggle</span></a></p>
+<p>Subclassed by <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; float &gt;</span></a>, <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; int &gt;</span></a>, <a class="reference internal" href="BaseItemManyWidgets.html#classBaseItemManyWidgets"><span class="std std-ref">BaseItemManyWidgets</span></a>, <a class="reference internal" href="BaseItemZeroWidget.html#classBaseItemZeroWidget"><span class="std std-ref">BaseItemZeroWidget</span></a>, <a class="reference internal" href="ItemInput.html#classItemInput"><span class="std std-ref">ItemInput</span></a>, <a class="reference internal" href="ItemList.html#classItemList"><span class="std std-ref">ItemList</span></a>, <a class="reference internal" href="ItemRangeBase.html#classItemRangeBase"><span class="std std-ref">ItemRangeBase&lt; T &gt;</span></a>, <a class="reference internal" href="ItemToggle.html#classItemToggle"><span class="std std-ref">ItemToggle</span></a></p>
 <div class="breathe-sectiondef docutils container">
 <p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
 <dl class="cpp function">
@@ -245,7 +256,7 @@ <h1>MenuItem<a class="headerlink" href="#menuitem" title="Link to this heading">
 <dd></dd></dl>
 <dl class="cpp function">
 <dt class="sig sig-object cpp" id="_CPPv4N8MenuItem7getTextEv">
-<span id="_CPPv3N8MenuItem7getTextEv"></span><span id="_CPPv2N8MenuItem7getTextEv"></span><span id="MenuItem::getText"></span><span class="target" id="classMenuItem_1a92e31e96812df813655aa13652c3bf6b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getText</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8MenuItem7getTextEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8MenuItem7getTextEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<span id="_CPPv3N8MenuItem7getTextEv"></span><span id="_CPPv2N8MenuItem7getTextEv"></span><span id="MenuItem::getText"></span><span class="target" id="classMenuItem_1a1034df6b7ee6d7d3b8651c7e16a39ab6"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getText</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N8MenuItem7getTextEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N8MenuItem7getTextEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Get the text of the item. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Returns<span class="colon">:</span></dt>
@@ -332,16 +343,16 @@ <h1>MenuItem<a class="headerlink" href="#menuitem" title="Link to this heading">
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemIntRange.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemCommand.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemIntRange
+        ItemCommand
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemCommand.html">
-        ItemCommand
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="display/index.html">
+        display
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -382,7 +393,7 @@ <h1>MenuItem<a class="headerlink" href="#menuitem" title="Link to this heading">
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/MenuScreen.html b/reference/api/MenuScreen.html
index f4fee861..fc4bed4a 100644
--- a/reference/api/MenuScreen.html
+++ b/reference/api/MenuScreen.html
@@ -11,15 +11,15 @@
 <meta content="MenuScreen | LcdMenu" property="og:title"/>
 <meta content="MenuScreen | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemFloatRange.html" rel="next" title="ItemFloatRange"/>
-<link href="ItemToggle.html" rel="prev" title="ItemToggle"/>
+<link href="ItemCommand.html" rel="next" title="ItemCommand"/>
+<link href="ItemSubMenu.html" rel="prev" title="ItemSubMenu"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -378,16 +389,16 @@ <h1>MenuScreen<a class="headerlink" href="#menuscreen" title="Link to this headi
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemToggle.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemSubMenu.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemToggle
+        ItemSubMenu
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemFloatRange.html">
-        ItemFloatRange
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemCommand.html">
+        ItemCommand
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -437,7 +448,7 @@ <h1>MenuScreen<a class="headerlink" href="#menuscreen" title="Link to this headi
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/CharacterDisplayInterface.html b/reference/api/display/CharacterDisplayInterface.html
index 4e9b0490..ee9447b1 100644
--- a/reference/api/display/CharacterDisplayInterface.html
+++ b/reference/api/display/CharacterDisplayInterface.html
@@ -11,15 +11,15 @@
 <meta content="CharacterDisplayInterface | LcdMenu" property="og:title"/>
 <meta content="CharacterDisplayInterface | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
 <link href="DisplayInterface.html" rel="next" title="DisplayInterface"/>
-<link href="LiquidCrystalAdapter.html" rel="prev" title="LiquidCrystalAdapter"/>
+<link href="LiquidCrystal_I2CAdapter.html" rel="prev" title="LiquidCrystal_I2CAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -266,11 +277,11 @@ <h1>CharacterDisplayInterface<a class="headerlink" href="#characterdisplayinterf
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystalAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystal_I2CAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        LiquidCrystalAdapter
+        LiquidCrystal_I2CAdapter
       </a>
 </div>
 <div class="ml-auto">
@@ -312,7 +323,7 @@ <h1>CharacterDisplayInterface<a class="headerlink" href="#characterdisplayinterf
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/DisplayInterface.html b/reference/api/display/DisplayInterface.html
index 32d19e94..7076fb2f 100644
--- a/reference/api/display/DisplayInterface.html
+++ b/reference/api/display/DisplayInterface.html
@@ -11,14 +11,14 @@
 <meta content="DisplayInterface | LcdMenu" property="og:title"/>
 <meta content="DisplayInterface | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="../../uml.html" rel="next" title="Class diagram"/>
+<link href="../renderer/index.html" rel="next" title="renderer"/>
 <link href="CharacterDisplayInterface.html" rel="prev" title="CharacterDisplayInterface"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -282,8 +293,8 @@ <h1>DisplayInterface<a class="headerlink" href="#displayinterface" title="Link t
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../../uml.html">
-        Class diagram
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../renderer/index.html">
+        renderer
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -326,7 +337,7 @@ <h1>DisplayInterface<a class="headerlink" href="#displayinterface" title="Link t
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/LiquidCrystalAdapter.html b/reference/api/display/LiquidCrystalAdapter.html
index 9c4496c8..9c0b3bcb 100644
--- a/reference/api/display/LiquidCrystalAdapter.html
+++ b/reference/api/display/LiquidCrystalAdapter.html
@@ -11,15 +11,15 @@
 <meta content="LiquidCrystalAdapter | LcdMenu" property="og:title"/>
 <meta content="LiquidCrystalAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="CharacterDisplayInterface.html" rel="next" title="CharacterDisplayInterface"/>
-<link href="LiquidCrystal_I2CAdapter.html" rel="prev" title="LiquidCrystal_I2CAdapter"/>
+<link href="SSD1803A_I2CAdapter.html" rel="next" title="SSD1803A_I2CAdapter"/>
+<link href="index.html" rel="prev" title="display"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -322,16 +333,16 @@ <h1>LiquidCrystalAdapter<a class="headerlink" href="#liquidcrystaladapter" title
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystal_I2CAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        LiquidCrystal_I2CAdapter
+        display
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharacterDisplayInterface.html">
-        CharacterDisplayInterface
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2CAdapter.html">
+        SSD1803A_I2CAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -379,7 +390,7 @@ <h1>LiquidCrystalAdapter<a class="headerlink" href="#liquidcrystaladapter" title
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/LiquidCrystal_I2CAdapter.html b/reference/api/display/LiquidCrystal_I2CAdapter.html
index f0e2a390..991478ce 100644
--- a/reference/api/display/LiquidCrystal_I2CAdapter.html
+++ b/reference/api/display/LiquidCrystal_I2CAdapter.html
@@ -11,14 +11,14 @@
 <meta content="LiquidCrystal_I2CAdapter | LcdMenu" property="og:title"/>
 <meta content="LiquidCrystal_I2CAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="LiquidCrystalAdapter.html" rel="next" title="LiquidCrystalAdapter"/>
+<link href="CharacterDisplayInterface.html" rel="next" title="CharacterDisplayInterface"/>
 <link href="SSD1803A_I2CAdapter.html" rel="prev" title="SSD1803A_I2CAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -316,8 +327,8 @@ <h1>LiquidCrystal_I2CAdapter<a class="headerlink" href="#liquidcrystal-i2cadapte
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystalAdapter.html">
-        LiquidCrystalAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharacterDisplayInterface.html">
+        CharacterDisplayInterface
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -363,7 +374,7 @@ <h1>LiquidCrystal_I2CAdapter<a class="headerlink" href="#liquidcrystal-i2cadapte
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/SSD1803A_I2CAdapter.html b/reference/api/display/SSD1803A_I2CAdapter.html
index 2170a267..a45d2566 100644
--- a/reference/api/display/SSD1803A_I2CAdapter.html
+++ b/reference/api/display/SSD1803A_I2CAdapter.html
@@ -11,15 +11,15 @@
 <meta content="SSD1803A_I2CAdapter | LcdMenu" property="og:title"/>
 <meta content="SSD1803A_I2CAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
 <link href="LiquidCrystal_I2CAdapter.html" rel="next" title="LiquidCrystal_I2CAdapter"/>
-<link href="index.html" rel="prev" title="display"/>
+<link href="LiquidCrystalAdapter.html" rel="prev" title="LiquidCrystalAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="reference internal" href="index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -307,11 +318,11 @@ <h1>SSD1803A_I2CAdapter<a class="headerlink" href="#ssd1803a-i2cadapter" title="
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystalAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        display
+        LiquidCrystalAdapter
       </a>
 </div>
 <div class="ml-auto">
@@ -362,7 +373,7 @@ <h1>SSD1803A_I2CAdapter<a class="headerlink" href="#ssd1803a-i2cadapter" title="
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/display/index.html b/reference/api/display/index.html
index b8f1c1eb..af884536 100644
--- a/reference/api/display/index.html
+++ b/reference/api/display/index.html
@@ -11,15 +11,15 @@
 <meta content="display | LcdMenu" property="og:title"/>
 <meta content="display | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="SSD1803A_I2CAdapter.html" rel="next" title="SSD1803A_I2CAdapter"/>
-<link href="../input/ButtonAdapter.html" rel="prev" title="ButtonAdapter"/>
+<link href="LiquidCrystalAdapter.html" rel="next" title="LiquidCrystalAdapter"/>
+<link href="../MenuItem.html" rel="prev" title="MenuItem"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -221,9 +232,9 @@ <h1>display<a class="headerlink" href="#display" title="Link to this heading"><s
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">display</span></p>
 <ul>
+<li class="toctree-l1"><a class="reference internal" href="LiquidCrystalAdapter.html">LiquidCrystalAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="SSD1803A_I2CAdapter.html">SSD1803A_I2CAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="LiquidCrystal_I2CAdapter.html">LiquidCrystal_I2CAdapter</a></li>
-<li class="toctree-l1"><a class="reference internal" href="LiquidCrystalAdapter.html">LiquidCrystalAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="CharacterDisplayInterface.html">CharacterDisplayInterface</a></li>
 <li class="toctree-l1"><a class="reference internal" href="DisplayInterface.html">DisplayInterface</a></li>
 </ul>
@@ -231,16 +242,16 @@ <h1>display<a class="headerlink" href="#display" title="Link to this heading"><s
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../input/ButtonAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../MenuItem.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ButtonAdapter
+        MenuItem
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2CAdapter.html">
-        SSD1803A_I2CAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LiquidCrystalAdapter.html">
+        LiquidCrystalAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -265,7 +276,7 @@ <h1>display<a class="headerlink" href="#display" title="Link to this heading"><s
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/index.html b/reference/api/index.html
index 423064d1..52ae8c3e 100644
--- a/reference/api/index.html
+++ b/reference/api/index.html
@@ -11,15 +11,15 @@
 <meta content="API reference | LcdMenu" property="og:title"/>
 <meta content="API reference | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemToggle.html" rel="next" title="ItemToggle"/>
-<link href="../samples/List.html" rel="prev" title="List"/>
+<link href="LcdMenu.html" rel="next" title="LcdMenu"/>
+<link href="../samples/Callbacks.html" rel="prev" title="Callbacks"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="current reference internal expandable" href="#">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -223,37 +234,41 @@ <h1>API reference<a class="headerlink" href="#api-reference" title="Link to this
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">API reference</span></p>
 <ul>
-<li class="toctree-l1"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l1"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l1"><a class="reference internal" href="LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ItemList.html">ItemList</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l1"><a class="reference internal" href="BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l1"><a class="reference internal" href="BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemList.html">ItemList</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l1"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ItemInput.html">ItemInput</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MenuItem.html">MenuItem</a></li>
+<li class="toctree-l1"><a class="reference internal" href="display/index.html">display</a></li>
 <li class="toctree-l1"><a class="reference internal" href="renderer/index.html">renderer</a></li>
+<li class="toctree-l1"><a class="reference internal" href="widget/index.html">widget</a></li>
 <li class="toctree-l1"><a class="reference internal" href="input/index.html">input</a></li>
-<li class="toctree-l1"><a class="reference internal" href="display/index.html">display</a></li>
 </ul>
 </div>
 </hr></section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../samples/List.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../samples/Callbacks.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        List
+        Callbacks
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemToggle.html">
-        ItemToggle
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="LcdMenu.html">
+        LcdMenu
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -278,7 +293,7 @@ <h1>API reference<a class="headerlink" href="#api-reference" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/input/ButtonAdapter.html b/reference/api/input/ButtonAdapter.html
index 07ece197..59c6791b 100644
--- a/reference/api/input/ButtonAdapter.html
+++ b/reference/api/input/ButtonAdapter.html
@@ -11,14 +11,14 @@
 <meta content="ButtonAdapter | LcdMenu" property="og:title"/>
 <meta content="ButtonAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="../display/index.html" rel="next" title="display"/>
+<link href="SimpleRotaryAdapter.html" rel="next" title="SimpleRotaryAdapter"/>
 <link href="InputInterface.html" rel="prev" title="InputInterface"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -272,8 +283,8 @@ <h1>ButtonAdapter<a class="headerlink" href="#buttonadapter" title="Link to this
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../display/index.html">
-        display
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotaryAdapter.html">
+        SimpleRotaryAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -310,7 +321,7 @@ <h1>ButtonAdapter<a class="headerlink" href="#buttonadapter" title="Link to this
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/input/InputInterface.html b/reference/api/input/InputInterface.html
index 160a7bcd..266e2731 100644
--- a/reference/api/input/InputInterface.html
+++ b/reference/api/input/InputInterface.html
@@ -11,10 +11,10 @@
 <meta content="InputInterface | LcdMenu" property="og:title"/>
 <meta content="InputInterface | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -308,7 +319,7 @@ <h1>InputInterface<a class="headerlink" href="#inputinterface" title="Link to th
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/input/KeyboardAdapter.html b/reference/api/input/KeyboardAdapter.html
index 47e6b999..3715105c 100644
--- a/reference/api/input/KeyboardAdapter.html
+++ b/reference/api/input/KeyboardAdapter.html
@@ -11,15 +11,15 @@
 <meta content="KeyboardAdapter | LcdMenu" property="og:title"/>
 <meta content="KeyboardAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
 <link href="InputInterface.html" rel="next" title="InputInterface"/>
-<link href="SimpleRotaryAdapter.html" rel="prev" title="SimpleRotaryAdapter"/>
+<link href="index.html" rel="prev" title="input"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -419,11 +430,11 @@ <h1>KeyboardAdapter<a class="headerlink" href="#keyboardadapter" title="Link to
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotaryAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        SimpleRotaryAdapter
+        input
       </a>
 </div>
 <div class="ml-auto">
@@ -483,7 +494,7 @@ <h1>KeyboardAdapter<a class="headerlink" href="#keyboardadapter" title="Link to
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/input/SimpleRotaryAdapter.html b/reference/api/input/SimpleRotaryAdapter.html
index 5f76bb45..cc097bfb 100644
--- a/reference/api/input/SimpleRotaryAdapter.html
+++ b/reference/api/input/SimpleRotaryAdapter.html
@@ -11,15 +11,15 @@
 <meta content="SimpleRotaryAdapter | LcdMenu" property="og:title"/>
 <meta content="SimpleRotaryAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="KeyboardAdapter.html" rel="next" title="KeyboardAdapter"/>
-<link href="index.html" rel="prev" title="input"/>
+<link href="../../uml.html" rel="next" title="Class diagram"/>
+<link href="ButtonAdapter.html" rel="prev" title="ButtonAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -247,7 +258,7 @@ <h1>SimpleRotaryAdapter<a class="headerlink" href="#simplerotaryadapter" title="
 <li><p>Double press for backspacing</p></li>
 </ul>
 </p>
-<p>The values for long press duration (defined as #LONG_PRESS_DURATION) and double press threshold (defined as #DOUBLE_PRESS_THRESHOLD) can be overwritten by defining new ones with #define.</p>
+<p>The values for long press duration (defined as LONG_PRESS_DURATION) and double press threshold (defined as DOUBLE_PRESS_THRESHOLD) can be overwritten by defining new ones with #define.</p>
 <dl class="field-list simple">
 <dt class="field-odd">Param menu<span class="colon">:</span></dt>
 <dd class="field-odd"><p>Pointer to the <a class="reference internal" href="../LcdMenu.html#classLcdMenu"><span class="std std-ref">LcdMenu</span></a> instance that this adapter will control. </p>
@@ -286,16 +297,16 @@ <h1>SimpleRotaryAdapter<a class="headerlink" href="#simplerotaryadapter" title="
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        input
+        ButtonAdapter
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
-        KeyboardAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../../uml.html">
+        Class diagram
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -333,7 +344,7 @@ <h1>SimpleRotaryAdapter<a class="headerlink" href="#simplerotaryadapter" title="
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/input/index.html b/reference/api/input/index.html
index 7f2f38b7..5e8f549e 100644
--- a/reference/api/input/index.html
+++ b/reference/api/input/index.html
@@ -11,15 +11,15 @@
 <meta content="input | LcdMenu" property="og:title"/>
 <meta content="input | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="SimpleRotaryAdapter.html" rel="next" title="SimpleRotaryAdapter"/>
-<link href="../renderer/MenuRenderer.html" rel="prev" title="MenuRenderer"/>
+<link href="KeyboardAdapter.html" rel="next" title="KeyboardAdapter"/>
+<link href="../widget/BaseWidgetValue.html" rel="prev" title="BaseWidgetValue"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -221,25 +232,25 @@ <h1>input<a class="headerlink" href="#input" title="Link to this heading"><svg h
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">input</span></p>
 <ul>
-<li class="toctree-l1"><a class="reference internal" href="SimpleRotaryAdapter.html">SimpleRotaryAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="InputInterface.html">InputInterface</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l1"><a class="reference internal" href="SimpleRotaryAdapter.html">SimpleRotaryAdapter</a></li>
 </ul>
 </div>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../renderer/MenuRenderer.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../widget/BaseWidgetValue.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        MenuRenderer
+        BaseWidgetValue
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotaryAdapter.html">
-        SimpleRotaryAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
+        KeyboardAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -264,7 +275,7 @@ <h1>input<a class="headerlink" href="#input" title="Link to this heading"><svg h
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/renderer/CharacterDisplayRenderer.html b/reference/api/renderer/CharacterDisplayRenderer.html
index 214261e1..d80c08d7 100644
--- a/reference/api/renderer/CharacterDisplayRenderer.html
+++ b/reference/api/renderer/CharacterDisplayRenderer.html
@@ -11,15 +11,15 @@
 <meta content="CharacterDisplayRenderer | LcdMenu" property="og:title"/>
 <meta content="CharacterDisplayRenderer | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="MenuRenderer.html" rel="next" title="MenuRenderer"/>
-<link href="index.html" rel="prev" title="renderer"/>
+<link href="../widget/index.html" rel="next" title="widget"/>
+<link href="MenuRenderer.html" rel="prev" title="MenuRenderer"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -261,8 +272,8 @@ <h1>CharacterDisplayRenderer<a class="headerlink" href="#characterdisplayrendere
 <dd><p>Initializes the renderer and creates custom characters on the display. </p>
 </dd></dl>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc">
-<span id="_CPPv3N24CharacterDisplayRenderer8drawItemEPKcPKc"></span><span id="_CPPv2N24CharacterDisplayRenderer8drawItemEPKcPKc"></span><span id="CharacterDisplayRenderer::drawItem__cCP.cCP"></span><span class="target" id="classCharacterDisplayRenderer_1a38541eecf8ab2db91b014498b1e8a5d7"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">drawItem</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">value</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dt class="sig sig-object cpp" id="_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb">
+<span id="_CPPv3N24CharacterDisplayRenderer8drawItemEPKcPKcb"></span><span id="_CPPv2N24CharacterDisplayRenderer8drawItemEPKcPKcb"></span><span id="CharacterDisplayRenderer::drawItem__cCP.cCP.b"></span><span class="target" id="classCharacterDisplayRenderer_1a92824ce1d02b5bead4adcdb8a976503b"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">drawItem</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">value</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">paddWithBlanks</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Draws a menu item on the character display. </p>
 <p>This function overrides the base class implementation to draw a menu item on the character display. It handles appending a cursor to the text, truncating the text if it’s too long, padding the text with spaces, appending an indicator to the text, and finally drawing the text on the display.</p>
 <dl class="field-list simple">
@@ -270,6 +281,7 @@ <h1>CharacterDisplayRenderer<a class="headerlink" href="#characterdisplayrendere
 <dd class="field-odd"><ul class="simple">
 <li><p><strong>text</strong> – The text of the menu item to be drawn. </p></li>
 <li><p><strong>value</strong> – The value of the menu item to be drawn. </p></li>
+<li><p><strong>paddWithBlanks</strong> – A flag indicating whether to pad the text with spaces. </p></li>
 </ul>
 </dd>
 </dl>
@@ -364,16 +376,16 @@ <h1>CharacterDisplayRenderer<a class="headerlink" href="#characterdisplayrendere
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuRenderer.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        renderer
+        MenuRenderer
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuRenderer.html">
-        MenuRenderer
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../widget/index.html">
+        widget
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -385,7 +397,7 @@ <h1>CharacterDisplayRenderer<a class="headerlink" href="#characterdisplayrendere
 <li><a :data-current="activeSection === '#_CPPv424CharacterDisplayRenderer'" class="reference internal" href="#_CPPv424CharacterDisplayRenderer"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer</span></code></a><ul>
 <li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::CharacterDisplayRenderer()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer5beginEv'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer5beginEv"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::begin()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::drawItem()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::drawItem()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::draw()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::drawBlinker()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv'" class="reference internal" href="#_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv"><code class="docutils literal notranslate"><span class="pre">CharacterDisplayRenderer::clearBlinker()</span></code></a></li>
@@ -420,7 +432,7 @@ <h1>CharacterDisplayRenderer<a class="headerlink" href="#characterdisplayrendere
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/renderer/MenuRenderer.html b/reference/api/renderer/MenuRenderer.html
index 2f292e1d..81179666 100644
--- a/reference/api/renderer/MenuRenderer.html
+++ b/reference/api/renderer/MenuRenderer.html
@@ -11,15 +11,15 @@
 <meta content="MenuRenderer | LcdMenu" property="og:title"/>
 <meta content="MenuRenderer | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="../input/index.html" rel="next" title="input"/>
-<link href="CharacterDisplayRenderer.html" rel="prev" title="CharacterDisplayRenderer"/>
+<link href="CharacterDisplayRenderer.html" rel="next" title="CharacterDisplayRenderer"/>
+<link href="index.html" rel="prev" title="renderer"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2 current"><a class="reference internal" href="index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -259,14 +270,15 @@ <h1>MenuRenderer<a class="headerlink" href="#menurenderer" title="Link to this h
 </dl>
 </dd></dl>
 <dl class="cpp function">
-<dt class="sig sig-object cpp" id="_CPPv4N12MenuRenderer8drawItemEPKcPKc">
-<span id="_CPPv3N12MenuRenderer8drawItemEPKcPKc"></span><span id="_CPPv2N12MenuRenderer8drawItemEPKcPKc"></span><span id="MenuRenderer::drawItem__cCP.cCP"></span><span class="target" id="classMenuRenderer_1a8b16888758c62117f2cb809643745097"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">drawItem</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">value</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N12MenuRenderer8drawItemEPKcPKc" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N12MenuRenderer8drawItemEPKcPKc'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dt class="sig sig-object cpp" id="_CPPv4N12MenuRenderer8drawItemEPKcPKcb">
+<span id="_CPPv3N12MenuRenderer8drawItemEPKcPKcb"></span><span id="_CPPv2N12MenuRenderer8drawItemEPKcPKcb"></span><span id="MenuRenderer::drawItem__cCP.cCP.b"></span><span class="target" id="classMenuRenderer_1aad4e0badf280aa1a8f27d3f679b2f5bf"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">drawItem</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">text</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">value</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">paddWithBlanks</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">true</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N12MenuRenderer8drawItemEPKcPKcb" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N12MenuRenderer8drawItemEPKcPKcb'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
 <dd><p>Draws an item on the display. </p>
 <dl class="field-list simple">
 <dt class="field-odd">Parameters<span class="colon">:</span></dt>
 <dd class="field-odd"><ul class="simple">
 <li><p><strong>text</strong> – Text of the item to be drawn. </p></li>
 <li><p><strong>value</strong> – Value of the item to be drawn. </p></li>
+<li><p><strong>paddWithBlanks</strong> – Flag indicating whether to pad the text with spaces. </p></li>
 </ul>
 </dd>
 </dl>
@@ -441,16 +453,16 @@ <h1>MenuRenderer<a class="headerlink" href="#menurenderer" title="Link to this h
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharacterDisplayRenderer.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        CharacterDisplayRenderer
+        renderer
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../input/index.html">
-        input
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharacterDisplayRenderer.html">
+        CharacterDisplayRenderer
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -463,7 +475,7 @@ <h1>MenuRenderer<a class="headerlink" href="#menurenderer" title="Link to this h
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t'" class="reference internal" href="#_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::MenuRenderer()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer5beginEv'" class="reference internal" href="#_CPPv4N12MenuRenderer5beginEv"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::begin()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer4drawE7uint8_t'" class="reference internal" href="#_CPPv4N12MenuRenderer4drawE7uint8_t"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::draw()</span></code></a></li>
-<li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer8drawItemEPKcPKc'" class="reference internal" href="#_CPPv4N12MenuRenderer8drawItemEPKcPKc"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::drawItem()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer8drawItemEPKcPKcb'" class="reference internal" href="#_CPPv4N12MenuRenderer8drawItemEPKcPKcb"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::drawItem()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer12clearBlinkerEv'" class="reference internal" href="#_CPPv4N12MenuRenderer12clearBlinkerEv"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::clearBlinker()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer11drawBlinkerEv'" class="reference internal" href="#_CPPv4N12MenuRenderer11drawBlinkerEv"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::drawBlinker()</span></code></a></li>
 <li><a :data-current="activeSection === '#_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t'" class="reference internal" href="#_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t"><code class="docutils literal notranslate"><span class="pre">MenuRenderer::moveCursor()</span></code></a></li>
@@ -510,7 +522,7 @@ <h1>MenuRenderer<a class="headerlink" href="#menurenderer" title="Link to this h
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/renderer/index.html b/reference/api/renderer/index.html
index 48da4aeb..effd8d47 100644
--- a/reference/api/renderer/index.html
+++ b/reference/api/renderer/index.html
@@ -11,15 +11,15 @@
 <meta content="renderer | LcdMenu" property="og:title"/>
 <meta content="renderer | LcdMenu" name="twitter:title"/>
 <link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../../_static/favicon.png" rel="icon"/>
 <link href="../../../search.html" rel="search" title="Search"/>
 <link href="../../../genindex.html" rel="index" title="Index"/>
-<link href="CharacterDisplayRenderer.html" rel="next" title="CharacterDisplayRenderer"/>
-<link href="../ItemInput.html" rel="prev" title="ItemInput"/>
+<link href="MenuRenderer.html" rel="next" title="MenuRenderer"/>
+<link href="../display/DisplayInterface.html" rel="prev" title="DisplayInterface"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
@@ -221,23 +232,23 @@ <h1>renderer<a class="headerlink" href="#renderer" title="Link to this heading">
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">renderer</span></p>
 <ul>
-<li class="toctree-l1"><a class="reference internal" href="CharacterDisplayRenderer.html">CharacterDisplayRenderer</a></li>
 <li class="toctree-l1"><a class="reference internal" href="MenuRenderer.html">MenuRenderer</a></li>
+<li class="toctree-l1"><a class="reference internal" href="CharacterDisplayRenderer.html">CharacterDisplayRenderer</a></li>
 </ul>
 </div>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../ItemInput.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../display/DisplayInterface.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemInput
+        DisplayInterface
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharacterDisplayRenderer.html">
-        CharacterDisplayRenderer
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuRenderer.html">
+        MenuRenderer
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -262,7 +273,7 @@ <h1>renderer<a class="headerlink" href="#renderer" title="Link to this heading">
 <script src="../../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
 <script src="../../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/api/widget/BaseWidget.html b/reference/api/widget/BaseWidget.html
new file mode 100644
index 00000000..16496ef3
--- /dev/null
+++ b/reference/api/widget/BaseWidget.html
@@ -0,0 +1,366 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>BaseWidget | LcdMenu</title>
+<meta content="BaseWidget | LcdMenu" property="og:title"/>
+<meta content="BaseWidget | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="WidgetList.html" rel="next" title="WidgetList"/>
+<link href="WidgetRange.html" rel="prev" title="WidgetRange"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/BaseWidget.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">widget</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">BaseWidget</span>
+</nav>
+<div id="content" role="main">
+<section id="basewidget">
+<h1>BaseWidget<a class="headerlink" href="#basewidget" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-defines">Defines</p>
+<dl class="cpp macro">
+<dt class="sig sig-object cpp" id="c.ITEM_DRAW_BUFFER_SIZE">
+<span class="target" id="BaseWidget_8h_1a40d802406b87469bd434723be4325a66"></span><span class="sig-name descname"><span class="n"><span class="pre">ITEM_DRAW_BUFFER_SIZE</span></span></span><a class="headerlink" href="#c.ITEM_DRAW_BUFFER_SIZE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#c.ITEM_DRAW_BUFFER_SIZE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv410BaseWidget">
+<span id="_CPPv310BaseWidget"></span><span id="_CPPv210BaseWidget"></span><span id="BaseWidget"></span><span class="target" id="classBaseWidget"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseWidget</span></span></span><a class="headerlink" href="#_CPPv410BaseWidget" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv410BaseWidget'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;BaseWidget.h&gt;</em></div>
+<p>Base class for widgets. </p>
+<p>Subclassed by <a class="reference internal" href="BaseWidgetValue.html#classBaseWidgetValue"><span class="std std-ref">BaseWidgetValue&lt; bool &gt;</span></a>, <a class="reference internal" href="BaseWidgetValue.html#classBaseWidgetValue"><span class="std std-ref">BaseWidgetValue&lt; T &gt;</span></a></p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10BaseWidgetD0Ev">
+<span id="_CPPv3N10BaseWidgetD0Ev"></span><span id="_CPPv2N10BaseWidgetD0Ev"></span><span id="BaseWidget::~BaseWidget"></span><span class="target" id="classBaseWidget_1a6029a7f879b4101c9cfb718d5f8e4339"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">~BaseWidget</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">default</span></span><a class="headerlink" href="#_CPPv4N10BaseWidgetD0Ev" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10BaseWidgetD0Ev'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t">
+<span id="_CPPv3N10BaseWidget10BaseWidgetEK7uint8_t"></span><span id="_CPPv2N10BaseWidget10BaseWidgetEK7uint8_t"></span><span id="BaseWidget::BaseWidget__uint8_tC"></span><span class="target" id="classBaseWidget_1a3b185673cabb4cdd8661198033ac8c20"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseWidget</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10BaseWidget7processEP7LcdMenuh">
+<span id="_CPPv3N10BaseWidget7processEP7LcdMenuh"></span><span id="_CPPv2N10BaseWidget7processEP7LcdMenuh"></span><span id="BaseWidget::process__LcdMenuP.unsigned-c"></span><span class="target" id="classBaseWidget_1a5ce2923552cfe5aa8dc02be4f9d62486"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N10BaseWidget7processEP7LcdMenuh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10BaseWidget7processEP7LcdMenuh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process a command decoded in 1 byte. It can be a printable character or a control command like <code class="docutils literal notranslate"><span class="pre">ENTER</span></code> or <code class="docutils literal notranslate"><span class="pre">LEFT</span></code>. Return value is used to determine if the operation was successful or ignored. If the item’s handler ignores the command, the parent can execute its own action on this command. Thus, the item always has priority in processing; if it ignores a command, the command is delegated to the parent element. This behavior is similar to event delegation, where an event is handled by the most specific handler first, and if not handled, it is passed up to more general handlers. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>menu</strong> – the owner menu of the item, can be used to retrieve required objects, such as <code class="docutils literal notranslate"><a class="reference internal" href="../renderer/MenuRenderer.html#classMenuRenderer"><span class="std std-ref"><span class="pre">MenuRenderer</span></span></a></code> or <code class="docutils literal notranslate"><a class="reference internal" href="../MenuScreen.html#classMenuScreen"><span class="std std-ref"><span class="pre">MenuScreen</span></span></a></code></p></li>
+<li><p><strong>command</strong> – the character command, can be a printable character or a control command </p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns<span class="colon">:</span></dt>
+<dd class="field-even"><p>true if the command was successfully handled by the item. </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10BaseWidget4drawEPcK7uint8_t">
+<span id="_CPPv3N10BaseWidget4drawEPcK7uint8_t"></span><span id="_CPPv2N10BaseWidget4drawEPcK7uint8_t"></span><span id="BaseWidget::draw__cP.uint8_tC"></span><span class="target" id="classBaseWidget_1adc5435b2cf90a0adc8b4a37d875dcfc2"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">draw</span></span></span><span class="sig-paren">(</span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">buffer</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">start</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N10BaseWidget4drawEPcK7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10BaseWidget4drawEPcK7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Draw the widget into specified buffer. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>buffer</strong> – the buffer where widget will be drawn </p></li>
+<li><p><strong>start</strong> – the index where to start drawing in the buffer </p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns<span class="colon">:</span></dt>
+<dd class="field-even"><p>the number of characters written into the buffer </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10BaseWidget12cursorOffsetE">
+<span id="_CPPv3N10BaseWidget12cursorOffsetE"></span><span id="_CPPv2N10BaseWidget12cursorOffsetE"></span><span id="BaseWidget::cursorOffset__uint8_tC"></span><span class="target" id="classBaseWidget_1a8ea4e43c71dd59b8968f55af9e736210"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">cursorOffset</span></span></span><a class="headerlink" href="#_CPPv4N10BaseWidget12cursorOffsetE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10BaseWidget12cursorOffsetE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>This member variable specifies the position where the cursor should be placed within the widget’s text. For example, if the text format is “%dms” (20ms) and the user wants the cursor to be placed at the position of “%d”, they would set cursorOffset to 2. By default, the cursor is placed at the end of the resulting text. </p>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-friends">Friends</p>
+<dl>
+<dt class="sig sig-object cpp">
+<em class="property"><span class="pre">friend</span> <span class="pre">class</span></em> <span class="pre">ItemWidget</span></dt>
+</dl>
+<dl>
+<dt class="sig sig-object cpp">
+<em class="property"><span class="pre">friend</span> <span class="pre">class</span></em> <span class="pre">BaseItemManyWidgets</span></dt>
+</dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetRange.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        WidgetRange
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetList.html">
+        WidgetList
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv410BaseWidget'" class="reference internal" href="#_CPPv410BaseWidget"><code class="docutils literal notranslate"><span class="pre">BaseWidget</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N10BaseWidgetD0Ev'" class="reference internal" href="#_CPPv4N10BaseWidgetD0Ev"><code class="docutils literal notranslate"><span class="pre">BaseWidget::~BaseWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t'" class="reference internal" href="#_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t"><code class="docutils literal notranslate"><span class="pre">BaseWidget::BaseWidget()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10BaseWidget7processEP7LcdMenuh'" class="reference internal" href="#_CPPv4N10BaseWidget7processEP7LcdMenuh"><code class="docutils literal notranslate"><span class="pre">BaseWidget::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10BaseWidget4drawEPcK7uint8_t'" class="reference internal" href="#_CPPv4N10BaseWidget4drawEPcK7uint8_t"><code class="docutils literal notranslate"><span class="pre">BaseWidget::draw()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10BaseWidget12cursorOffsetE'" class="reference internal" href="#_CPPv4N10BaseWidget12cursorOffsetE"><code class="docutils literal notranslate"><span class="pre">BaseWidget::cursorOffset</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/widget/BaseWidgetValue.html b/reference/api/widget/BaseWidgetValue.html
new file mode 100644
index 00000000..c73a0b0b
--- /dev/null
+++ b/reference/api/widget/BaseWidgetValue.html
@@ -0,0 +1,390 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>BaseWidgetValue | LcdMenu</title>
+<meta content="BaseWidgetValue | LcdMenu" property="og:title"/>
+<meta content="BaseWidgetValue | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="../input/index.html" rel="next" title="input"/>
+<link href="WidgetBool.html" rel="prev" title="WidgetBool"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/BaseWidgetValue.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">widget</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">BaseWidgetValue</span>
+</nav>
+<div id="content" role="main">
+<section id="basewidgetvalue">
+<h1>BaseWidgetValue<a class="headerlink" href="#basewidgetvalue" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv4I0E15BaseWidgetValue">
+<span id="_CPPv3I0E15BaseWidgetValue"></span><span id="_CPPv2I0E15BaseWidgetValue"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">T</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classBaseWidgetValue"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseWidgetValue</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseWidget.html#_CPPv410BaseWidget" title="BaseWidget"><span class="n"><span class="pre">BaseWidget</span></span></a><a class="headerlink" href="#_CPPv4I0E15BaseWidgetValue" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I0E15BaseWidgetValue'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;BaseWidgetValue.h&gt;</em></div>
+<p>Base class for widget holding some value. </p>
+<p><div class="admonition seealso">
+<p class="admonition-title">See also</p>
+<p><a class="reference internal" href="BaseWidget.html#classBaseWidget"><span class="std std-ref">BaseWidget</span></a></p>
+</div>
+</p>
+<dl class="field-list simple">
+<dt class="field-odd">Template Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>T</strong> – The type of value this widget holds </p>
+</dd>
+</dl>
+<p>Subclassed by <a class="reference internal" href="WidgetList.html#classWidgetList"><span class="std std-ref">WidgetList&lt; T &gt;</span></a>, <a class="reference internal" href="WidgetRange.html#classWidgetRange"><span class="std std-ref">WidgetRange&lt; T &gt;</span></a></p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE">
+<span id="_CPPv3N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE"></span><span id="_CPPv2N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE"></span><span class="target" id="classBaseWidgetValue_1a65ca4b78c2ec2d9839b6b3e785878f10"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">BaseWidgetValue</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">&amp;</span></span><span class="n sig-param"><span class="pre">value</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4NK15BaseWidgetValue8getValueEv">
+<span id="_CPPv3NK15BaseWidgetValue8getValueEv"></span><span id="_CPPv2NK15BaseWidgetValue8getValueEv"></span><span id="BaseWidgetValue::getValueC"></span><span class="target" id="classBaseWidgetValue_1a2c01e4b0f3b9585406f02c688bc964e9"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">&amp;</span></span><span class="sig-name descname"><span class="n"><span class="pre">getValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">const</span></span><a class="headerlink" href="#_CPPv4NK15BaseWidgetValue8getValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4NK15BaseWidgetValue8getValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Retrieve current value. </p>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue8setValueERK1T">
+<span id="_CPPv3N15BaseWidgetValue8setValueERK1T"></span><span id="_CPPv2N15BaseWidgetValue8setValueERK1T"></span><span id="BaseWidgetValue::setValue__TCR"></span><span class="target" id="classBaseWidgetValue_1a31c95350e32772250dd5389c2589db13"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setValue</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">&amp;</span></span><span class="n sig-param"><span class="pre">newValue</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue8setValueERK1T" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue8setValueERK1T'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Sets the value. </p>
+<div class="admonition note">
+<p class="admonition-title">Note</p>
+<p>You need to call <code class="docutils literal notranslate"><a class="reference internal" href="../LcdMenu.html#classLcdMenu_1a356d4a6e14fdbe51d53d8e86b7217077"><span class="std std-ref"><span class="pre">LcdMenu::refresh</span></span></a></code> after this method to see the changes. </p>
+</div>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>newValue</strong> – The value to set. </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValueD0Ev">
+<span id="_CPPv3N15BaseWidgetValueD0Ev"></span><span id="_CPPv2N15BaseWidgetValueD0Ev"></span><span id="BaseWidgetValue::~BaseWidgetValue"></span><span class="target" id="classBaseWidgetValue_1a801b6096d80e7ae45147f1e3192ff870"></span><span class="sig-name descname"><span class="n"><span class="pre">~BaseWidgetValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">default</span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValueD0Ev" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValueD0Ev'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t">
+<span id="_CPPv3N15BaseWidgetValue4drawEPcK7uint8_t"></span><span id="_CPPv2N15BaseWidgetValue4drawEPcK7uint8_t"></span><span id="BaseWidgetValue::draw__cP.uint8_tC"></span><span class="target" id="classBaseWidgetValue_1a28affbece66ba658f3e650db7cd11353"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">draw</span></span></span><span class="sig-paren">(</span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">buffer</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">start</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Draw the widget into specified buffer. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>buffer</strong> – the buffer where widget will be drawn </p></li>
+<li><p><strong>start</strong> – the index where to start drawing in the buffer </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue7processEP7LcdMenuh">
+<span id="_CPPv3N15BaseWidgetValue7processEP7LcdMenuh"></span><span id="_CPPv2N15BaseWidgetValue7processEP7LcdMenuh"></span><span id="BaseWidgetValue::process__LcdMenuP.unsigned-c"></span><span class="target" id="classBaseWidgetValue_1a2fc5e8afdc44fdeda0a121240faad095"></span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue7processEP7LcdMenuh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue7processEP7LcdMenuh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process a command for this widget. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>menu</strong> – Pointer to the menu instance </p></li>
+<li><p><strong>command</strong> – The command to process </p></li>
+</ul>
+</dd>
+<dt class="field-even">Returns<span class="colon">:</span></dt>
+<dd class="field-even"><p>true if the command was handled, false otherwise </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue12handleChangeEv">
+<span id="_CPPv3N15BaseWidgetValue12handleChangeEv"></span><span id="_CPPv2N15BaseWidgetValue12handleChangeEv"></span><span id="BaseWidgetValue::handleChange"></span><span class="target" id="classBaseWidgetValue_1a6978016d5423499a85ae53798e05f7af"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">handleChange</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue12handleChangeEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue12handleChangeEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue5valueE">
+<span id="_CPPv3N15BaseWidgetValue5valueE"></span><span id="_CPPv2N15BaseWidgetValue5valueE"></span><span id="BaseWidgetValue::value__T"></span><span class="target" id="classBaseWidgetValue_1a9ac3c719e1cfbc5146a34a03a762a0a5"></span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">value</span></span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue5valueE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue5valueE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue6formatE">
+<span id="_CPPv3N15BaseWidgetValue6formatE"></span><span id="_CPPv2N15BaseWidgetValue6formatE"></span><span id="BaseWidgetValue::format__cCP"></span><span class="target" id="classBaseWidgetValue_1a46c33418ca7f074bd6d2f3e7d4e7bc67"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">format</span></span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue6formatE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue6formatE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N15BaseWidgetValue8callbackE">
+<span id="_CPPv3N15BaseWidgetValue8callbackE"></span><span id="_CPPv2N15BaseWidgetValue8callbackE"></span><span class="target" id="classBaseWidgetValue_1ad72402495909b208659b7434f1ac01b1"></span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">callback</span></span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><a class="headerlink" href="#_CPPv4N15BaseWidgetValue8callbackE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N15BaseWidgetValue8callbackE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetBool.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        WidgetBool
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../input/index.html">
+        input
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv4I0E15BaseWidgetValue'" class="reference internal" href="#_CPPv4I0E15BaseWidgetValue"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE'" class="reference internal" href="#_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::BaseWidgetValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4NK15BaseWidgetValue8getValueEv'" class="reference internal" href="#_CPPv4NK15BaseWidgetValue8getValueEv"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::getValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue8setValueERK1T'" class="reference internal" href="#_CPPv4N15BaseWidgetValue8setValueERK1T"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::setValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValueD0Ev'" class="reference internal" href="#_CPPv4N15BaseWidgetValueD0Ev"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::~BaseWidgetValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t'" class="reference internal" href="#_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::draw()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue7processEP7LcdMenuh'" class="reference internal" href="#_CPPv4N15BaseWidgetValue7processEP7LcdMenuh"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue12handleChangeEv'" class="reference internal" href="#_CPPv4N15BaseWidgetValue12handleChangeEv"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::handleChange()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue5valueE'" class="reference internal" href="#_CPPv4N15BaseWidgetValue5valueE"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::value</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue6formatE'" class="reference internal" href="#_CPPv4N15BaseWidgetValue6formatE"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::format</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N15BaseWidgetValue8callbackE'" class="reference internal" href="#_CPPv4N15BaseWidgetValue8callbackE"><code class="docutils literal notranslate"><span class="pre">BaseWidgetValue::callback</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/widget/WidgetBool.html b/reference/api/widget/WidgetBool.html
new file mode 100644
index 00000000..e2476b5c
--- /dev/null
+++ b/reference/api/widget/WidgetBool.html
@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetBool | LcdMenu</title>
+<meta content="WidgetBool | LcdMenu" property="og:title"/>
+<meta content="WidgetBool | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="BaseWidgetValue.html" rel="next" title="BaseWidgetValue"/>
+<link href="WidgetList.html" rel="prev" title="WidgetList"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/WidgetBool.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">widget</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetBool</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetbool">
+<h1>WidgetBool<a class="headerlink" href="#widgetbool" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE">
+<span id="_CPPv311WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE"></span><span id="_CPPv211WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE"></span><span class="target" id="WidgetBool_8h_1a984425ac969971d87a2ea41cb16b9943"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><span class="kt"><span class="pre">bool</span></span><span class="p"><span class="pre">&gt;</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">WIDGET_BOOL</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">value</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">false</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">textOn</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">"ON"</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">textOff</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">"OFF"</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">"%s"</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Function to create a new Widget&lt;bool&gt; object. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>value</strong> – The initial enabled value (default is false) </p></li>
+<li><p><strong>textOn</strong> – The display text when value is true (default is “ON”) </p></li>
+<li><p><strong>textOff</strong> – The display text when value is false (default is “OFF”) </p></li>
+<li><p><strong>format</strong> – The format to display the value (default is “%s”) </p></li>
+<li><p><strong>cursorOffset</strong> – The offset for the cursor (default is 0) </p></li>
+<li><p><strong>callback</strong> – The callback function to execute when value changes (default is nullptr) </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv410WidgetBool">
+<span id="_CPPv310WidgetBool"></span><span id="_CPPv210WidgetBool"></span><span id="WidgetBool"></span><span class="target" id="classWidgetBool"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetBool</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><span class="kt"><span class="pre">bool</span></span><span class="p"><span class="pre">&gt;</span></span><a class="headerlink" href="#_CPPv410WidgetBool" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv410WidgetBool'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;WidgetBool.h&gt;</em></div>
+<p>Widget that allows user to toggle between ON/OFF states. Manages a boolean value, allowing toggling between ‘ON’ and ‘OFF’ states. </p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE">
+<span id="_CPPv3N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE"></span><span id="_CPPv2N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE"></span><span class="target" id="classWidgetBool_1ac225d95139c1293965bcf70aa7c10ee2"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetBool</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">value</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">textOn</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">textOff</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4NK10WidgetBool9getTextOnEv">
+<span id="_CPPv3NK10WidgetBool9getTextOnEv"></span><span id="_CPPv2NK10WidgetBool9getTextOnEv"></span><span id="WidgetBool::getTextOnC"></span><span class="target" id="classWidgetBool_1a6122c81ce4d34aa9235353cfc54abd4b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOn</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">const</span></span><a class="headerlink" href="#_CPPv4NK10WidgetBool9getTextOnEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4NK10WidgetBool9getTextOnEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4NK10WidgetBool10getTextOffEv">
+<span id="_CPPv3NK10WidgetBool10getTextOffEv"></span><span id="_CPPv2NK10WidgetBool10getTextOffEv"></span><span id="WidgetBool::getTextOffC"></span><span class="target" id="classWidgetBool_1a3fb7b5ec4011370fa67e1572e9959b6e"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">getTextOff</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">const</span></span><a class="headerlink" href="#_CPPv4NK10WidgetBool10getTextOffEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4NK10WidgetBool10getTextOffEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetBool4drawEPcK7uint8_t">
+<span id="_CPPv3N10WidgetBool4drawEPcK7uint8_t"></span><span id="_CPPv2N10WidgetBool4drawEPcK7uint8_t"></span><span id="WidgetBool::draw__cP.uint8_tC"></span><span class="target" id="classWidgetBool_1a68826bde4bca7d9a2dcdc60ffa2b3ded"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">draw</span></span></span><span class="sig-paren">(</span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">buffer</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">start</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N10WidgetBool4drawEPcK7uint8_t" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetBool4drawEPcK7uint8_t'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Draw the widget into specified buffer. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><ul class="simple">
+<li><p><strong>buffer</strong> – the buffer where widget will be drawn </p></li>
+<li><p><strong>start</strong> – the index where to start drawing in the buffer </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetBool7processEP7LcdMenuKh">
+<span id="_CPPv3N10WidgetBool7processEP7LcdMenuKh"></span><span id="_CPPv2N10WidgetBool7processEP7LcdMenuKh"></span><span id="WidgetBool::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classWidgetBool_1a5817ce13460446499937d0438383c09b"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N10WidgetBool7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetBool7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process command. </p>
+<p>Handle commands:<ul class="simple">
+<li><p><code class="docutils literal notranslate"><span class="pre">ENTER</span></code> - toggle value and trigger callback;</p></li>
+</ul>
+</p>
+<dl class="field-list simple">
+<dt class="field-odd">Returns<span class="colon">:</span></dt>
+<dd class="field-odd"><p>true if command was handled, false otherwise </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetBool6textOnE">
+<span id="_CPPv3N10WidgetBool6textOnE"></span><span id="_CPPv2N10WidgetBool6textOnE"></span><span id="WidgetBool::textOn__cCP"></span><span class="target" id="classWidgetBool_1af506ea7dce9f1bde712f43035dbcc805"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">textOn</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetBool6textOnE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetBool6textOnE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetBool7textOffE">
+<span id="_CPPv3N10WidgetBool7textOffE"></span><span id="_CPPv2N10WidgetBool7textOffE"></span><span id="WidgetBool::textOff__cCP"></span><span class="target" id="classWidgetBool_1ae462acbc7cac94fd9a83395df5a23192"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">textOff</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetBool7textOffE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetBool7textOffE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetList.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        WidgetList
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseWidgetValue.html">
+        BaseWidgetValue
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE'" class="reference internal" href="#_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE"><code class="docutils literal notranslate"><span class="pre">WIDGET_BOOL()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv410WidgetBool'" class="reference internal" href="#_CPPv410WidgetBool"><code class="docutils literal notranslate"><span class="pre">WidgetBool</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE'" class="reference internal" href="#_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE"><code class="docutils literal notranslate"><span class="pre">WidgetBool::WidgetBool()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4NK10WidgetBool9getTextOnEv'" class="reference internal" href="#_CPPv4NK10WidgetBool9getTextOnEv"><code class="docutils literal notranslate"><span class="pre">WidgetBool::getTextOn()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4NK10WidgetBool10getTextOffEv'" class="reference internal" href="#_CPPv4NK10WidgetBool10getTextOffEv"><code class="docutils literal notranslate"><span class="pre">WidgetBool::getTextOff()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetBool4drawEPcK7uint8_t'" class="reference internal" href="#_CPPv4N10WidgetBool4drawEPcK7uint8_t"><code class="docutils literal notranslate"><span class="pre">WidgetBool::draw()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetBool7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N10WidgetBool7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">WidgetBool::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetBool6textOnE'" class="reference internal" href="#_CPPv4N10WidgetBool6textOnE"><code class="docutils literal notranslate"><span class="pre">WidgetBool::textOn</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetBool7textOffE'" class="reference internal" href="#_CPPv4N10WidgetBool7textOffE"><code class="docutils literal notranslate"><span class="pre">WidgetBool::textOff</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/widget/WidgetList.html b/reference/api/widget/WidgetList.html
new file mode 100644
index 00000000..5cbd32ce
--- /dev/null
+++ b/reference/api/widget/WidgetList.html
@@ -0,0 +1,373 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetList | LcdMenu</title>
+<meta content="WidgetList | LcdMenu" property="og:title"/>
+<meta content="WidgetList | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="WidgetBool.html" rel="next" title="WidgetBool"/>
+<link href="BaseWidget.html" rel="prev" title="BaseWidget"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/WidgetList.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">widget</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetList</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetlist">
+<h1>WidgetList<a class="headerlink" href="#widgetlist" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE">
+<span id="_CPPv3I0E11WIDGET_LISTA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE"></span><span id="_CPPv2I0E11WIDGET_LISTA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">T</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="WidgetList_8h_1a48bebf1784e33106adba461043b85db0"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE" title="WIDGET_LIST::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&gt;</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">WIDGET_LIST</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE" title="WIDGET_LIST::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">values</span></span><span class="p"><span class="pre">[</span></span><span class="p"><span class="pre">]</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">size</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">activePosition</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="s"><span class="pre">"%s"</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cycle</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">false</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE" title="WIDGET_LIST::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Function to create a new WidgetList&lt;T&gt; instance. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Template Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>T</strong> – The type of the value.</p>
+</dd>
+<dt class="field-even">Parameters<span class="colon">:</span></dt>
+<dd class="field-even"><ul class="simple">
+<li><p><strong>values</strong> – The list of values to choose from. </p></li>
+<li><p><strong>size</strong> – The size of the list. </p></li>
+<li><p><strong>activePosition</strong> – The initial active position in the list (default: 0). </p></li>
+<li><p><strong>format</strong> – The format of the value (default: “%s”). </p></li>
+<li><p><strong>cursorOffset</strong> – The cursor offset (default: 0). </p></li>
+<li><p><strong>cycle</strong> – Whether to cycle through the list (default: false). </p></li>
+<li><p><strong>callback</strong> – The callback function to call when the value changes (default: nullptr). </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv4I0E10WidgetList">
+<span id="_CPPv3I0E10WidgetList"></span><span id="_CPPv2I0E10WidgetList"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">T</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classWidgetList"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetList</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I0E10WidgetList" title="WidgetList::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&gt;</span></span><a class="headerlink" href="#_CPPv4I0E10WidgetList" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I0E10WidgetList'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;WidgetList.h&gt;</em></div>
+<p>Widget that allows a user to select a value from a list. Manages a value within a specified list, allowing cycling through values. </p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE">
+<span id="_CPPv3N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE"></span><span id="_CPPv2N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE"></span><span class="target" id="classWidgetList_1af1f068fc4d6265d35e9665e571aa1218"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetList</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E10WidgetList" title="WidgetList::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">values</span></span><span class="p"><span class="pre">[</span></span><span class="p"><span class="pre">]</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">size</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">int8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">activePosition</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cycle</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E10WidgetList" title="WidgetList::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList7processEP7LcdMenuKh">
+<span id="_CPPv3N10WidgetList7processEP7LcdMenuKh"></span><span id="_CPPv2N10WidgetList7processEP7LcdMenuKh"></span><span id="WidgetList::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classWidgetList_1a076deab0a671c38f1b54e57b8b16e1a3"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N10WidgetList7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process command. </p>
+<p>Handle commands:<ul class="simple">
+<li><p><code class="docutils literal notranslate"><span class="pre">UP</span></code> - increment value and trigger callback;</p></li>
+<li><p><code class="docutils literal notranslate"><span class="pre">DOWN</span></code> - decrement value and trigger callback; </p></li>
+</ul>
+</p>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper">
+<span id="_CPPv3N10WidgetList11updateValueEPK19__FlashStringHelper"></span><span id="_CPPv2N10WidgetList11updateValueEPK19__FlashStringHelper"></span><span id="WidgetList::updateValue____FlashStringHelperCP"></span><span class="target" id="classWidgetList_1a28b6e8edbaa1e1a4cba68b04a724bb0d"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">updateValue</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">__FlashStringHelper</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">action</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList9nextValueEv">
+<span id="_CPPv3N10WidgetList9nextValueEv"></span><span id="_CPPv2N10WidgetList9nextValueEv"></span><span id="WidgetList::nextValue"></span><span class="target" id="classWidgetList_1a0c270c7741dad67779e0668ef8f27d03"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">nextValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10WidgetList9nextValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList9nextValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList13previousValueEv">
+<span id="_CPPv3N10WidgetList13previousValueEv"></span><span id="_CPPv2N10WidgetList13previousValueEv"></span><span id="WidgetList::previousValue"></span><span class="target" id="classWidgetList_1aaa56102b765108c7416d2796adc1348a"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">previousValue</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N10WidgetList13previousValueEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList13previousValueEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList4sizeE">
+<span id="_CPPv3N10WidgetList4sizeE"></span><span id="_CPPv2N10WidgetList4sizeE"></span><span id="WidgetList::size__uint8_tC"></span><span class="target" id="classWidgetList_1ad566412366f7e8c01667554faa03d762"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">size</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetList4sizeE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList4sizeE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList14activePositionE">
+<span id="_CPPv3N10WidgetList14activePositionE"></span><span id="_CPPv2N10WidgetList14activePositionE"></span><span id="WidgetList::activePosition__uint8_t"></span><span class="target" id="classWidgetList_1ac6490bf6df4274a7865841dce2cfc3c2"></span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">activePosition</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetList14activePositionE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList14activePositionE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList5cycleE">
+<span id="_CPPv3N10WidgetList5cycleE"></span><span id="_CPPv2N10WidgetList5cycleE"></span><span id="WidgetList::cycle__bC"></span><span class="target" id="classWidgetList_1a4b88a91e98c98ed3ddd0b2b7120e7142"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">cycle</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetList5cycleE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList5cycleE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N10WidgetList6valuesE">
+<span id="_CPPv3N10WidgetList6valuesE"></span><span id="_CPPv2N10WidgetList6valuesE"></span><span id="WidgetList::values__TCP"></span><span class="target" id="classWidgetList_1aa41cfea0f5b1101c6ec9e8dfed075b94"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E10WidgetList" title="WidgetList::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">values</span></span></span><a class="headerlink" href="#_CPPv4N10WidgetList6valuesE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N10WidgetList6valuesE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseWidget.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        BaseWidget
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetBool.html">
+        WidgetBool
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE'" class="reference internal" href="#_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE"><code class="docutils literal notranslate"><span class="pre">WIDGET_LIST()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I0E10WidgetList'" class="reference internal" href="#_CPPv4I0E10WidgetList"><code class="docutils literal notranslate"><span class="pre">WidgetList</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE'" class="reference internal" href="#_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE"><code class="docutils literal notranslate"><span class="pre">WidgetList::WidgetList()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N10WidgetList7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">WidgetList::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper'" class="reference internal" href="#_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper"><code class="docutils literal notranslate"><span class="pre">WidgetList::updateValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList9nextValueEv'" class="reference internal" href="#_CPPv4N10WidgetList9nextValueEv"><code class="docutils literal notranslate"><span class="pre">WidgetList::nextValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList13previousValueEv'" class="reference internal" href="#_CPPv4N10WidgetList13previousValueEv"><code class="docutils literal notranslate"><span class="pre">WidgetList::previousValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList4sizeE'" class="reference internal" href="#_CPPv4N10WidgetList4sizeE"><code class="docutils literal notranslate"><span class="pre">WidgetList::size</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList14activePositionE'" class="reference internal" href="#_CPPv4N10WidgetList14activePositionE"><code class="docutils literal notranslate"><span class="pre">WidgetList::activePosition</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList5cycleE'" class="reference internal" href="#_CPPv4N10WidgetList5cycleE"><code class="docutils literal notranslate"><span class="pre">WidgetList::cycle</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N10WidgetList6valuesE'" class="reference internal" href="#_CPPv4N10WidgetList6valuesE"><code class="docutils literal notranslate"><span class="pre">WidgetList::values</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/widget/WidgetRange.html b/reference/api/widget/WidgetRange.html
new file mode 100644
index 00000000..354b6fbc
--- /dev/null
+++ b/reference/api/widget/WidgetRange.html
@@ -0,0 +1,396 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>WidgetRange | LcdMenu</title>
+<meta content="WidgetRange | LcdMenu" property="og:title"/>
+<meta content="WidgetRange | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="BaseWidget.html" rel="next" title="BaseWidget"/>
+<link href="index.html" rel="prev" title="widget"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="reference internal" href="index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/WidgetRange.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">widget</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">WidgetRange</span>
+</nav>
+<div id="content" role="main">
+<section id="widgetrange">
+<h1>WidgetRange<a class="headerlink" href="#widgetrange" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-functions">Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE">
+<span id="_CPPv3I0E12WIDGET_RANGE1T1T1T1TPKc7uint8_tbPFvRK1TE"></span><span id="_CPPv2I0E12WIDGET_RANGE1T1T1T1TPKc7uint8_tbPFvRK1TE"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">T</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="WidgetRange_8h_1a11f4e1d042d25d94694fc4d08be4f5e8"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&gt;</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="sig-name descname"><span class="n"><span class="pre">WIDGET_RANGE</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">value</span></span>, <a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">step</span></span>, <a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">min</span></span>, <a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">max</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span>, <span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cycle</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">false</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="WIDGET_RANGE::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Function to create a new WidgetRange&lt;T&gt; instance. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Template Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>T</strong> – The type of the value.</p>
+</dd>
+<dt class="field-even">Parameters<span class="colon">:</span></dt>
+<dd class="field-even"><ul class="simple">
+<li><p><strong>value</strong> – The initial value of the widget. </p></li>
+<li><p><strong>step</strong> – The step value for incrementing/decrementing. </p></li>
+<li><p><strong>min</strong> – The minimum value of the range. </p></li>
+<li><p><strong>max</strong> – The maximum value of the range. </p></li>
+<li><p><strong>format</strong> – The format string for displaying the value. </p></li>
+<li><p><strong>cursorOffset</strong> – The offset for the cursor (default is 0). </p></li>
+<li><p><strong>cycle</strong> – Whether the value should cycle when out of range (default is false). </p></li>
+<li><p><strong>callback</strong> – The callback function to call when the value changes (default is nullptr). </p></li>
+</ul>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<dl class="cpp class">
+<dt class="sig sig-object cpp" id="_CPPv4I0E11WidgetRange">
+<span id="_CPPv3I0E11WidgetRange"></span><span id="_CPPv2I0E11WidgetRange"></span><span class="k"><span class="pre">template</span></span><span class="p"><span class="pre">&lt;</span></span><span class="k"><span class="pre">typename</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">T</span></span></span><span class="p"><span class="pre">&gt;</span></span><br/><span class="target" id="classWidgetRange"></span><span class="k"><span class="pre">class</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetRange</span></span></span><span class="w"> </span><span class="p"><span class="pre">:</span></span><span class="w"> </span><span class="k"><span class="pre">public</span></span><span class="w"> </span><a class="reference internal" href="BaseWidgetValue.html#_CPPv4I0E15BaseWidgetValue" title="BaseWidgetValue"><span class="n"><span class="pre">BaseWidgetValue</span></span></a><span class="p"><span class="pre">&lt;</span></span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&gt;</span></span><a class="headerlink" href="#_CPPv4I0E11WidgetRange" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4I0E11WidgetRange'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><div class="docutils container">
+<em>#include &lt;WidgetRange.h&gt;</em></div>
+<p>Widget that allows user to select a value from a range. Manages a value within a specified range, allowing incrementing and decrementing. </p>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-public-functions">Public Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE">
+<span id="_CPPv3N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE"></span><span id="_CPPv2N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE"></span><span class="target" id="classWidgetRange_1af705dd8c5cc0be631e65d77423f65aec"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">WidgetRange</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">&amp;</span></span><span class="n sig-param"><span class="pre">value</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">step</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">min</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="n sig-param"><span class="pre">max</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">format</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="n"><span class="pre">uint8_t</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cursorOffset</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="m"><span class="pre">0</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">cycle</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">false</span></span>, <span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="p"><span class="pre">(</span></span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">callback</span></span><span class="p"><span class="pre">)</span></span><span class="p"><span class="pre">(</span></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="p"><span class="pre">&amp;</span></span><span class="p"><span class="pre">)</span></span><span class="w"> </span><span class="p"><span class="pre">=</span></span><span class="w"> </span><span class="k"><span class="pre">nullptr</span></span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange8setValueERK1T">
+<span id="_CPPv3N11WidgetRange8setValueERK1T"></span><span id="_CPPv2N11WidgetRange8setValueERK1T"></span><span id="WidgetRange::setValue__TCR"></span><span class="target" id="classWidgetRange_1a69434deed2769a832d06f578c519102c"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">void</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">setValue</span></span></span><span class="sig-paren">(</span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="p"><span class="pre">&amp;</span></span><span class="n sig-param"><span class="pre">newValue</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N11WidgetRange8setValueERK1T" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange8setValueERK1T'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Sets the value. </p>
+<div class="admonition note">
+<p class="admonition-title">Note</p>
+<p>You need to call <code class="docutils literal notranslate"><a class="reference internal" href="../LcdMenu.html#classLcdMenu_1a356d4a6e14fdbe51d53d8e86b7217077"><span class="std std-ref"><span class="pre">LcdMenu::refresh</span></span></a></code> after this method to see the changes. </p>
+</div>
+<dl class="field-list simple">
+<dt class="field-odd">Parameters<span class="colon">:</span></dt>
+<dd class="field-odd"><p><strong>newValue</strong> – The value to set. </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-functions">Protected Functions</p>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange7processEP7LcdMenuKh">
+<span id="_CPPv3N11WidgetRange7processEP7LcdMenuKh"></span><span id="_CPPv2N11WidgetRange7processEP7LcdMenuKh"></span><span id="WidgetRange::process__LcdMenuP.unsigned-cC"></span><span class="target" id="classWidgetRange_1a2695b17e3bac4db5644713ebc448d381"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="k"><span class="pre">virtual</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">process</span></span></span><span class="sig-paren">(</span><a class="reference internal" href="../LcdMenu.html#_CPPv47LcdMenu" title="LcdMenu"><span class="n"><span class="pre">LcdMenu</span></span></a><span class="w"> </span><span class="p"><span class="pre">*</span></span><span class="n sig-param"><span class="pre">menu</span></span>, <span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">unsigned</span></span><span class="w"> </span><span class="kt"><span class="pre">char</span></span><span class="w"> </span><span class="n sig-param"><span class="pre">command</span></span><span class="sig-paren">)</span><span class="w"> </span><span class="k"><span class="pre">override</span></span><a class="headerlink" href="#_CPPv4N11WidgetRange7processEP7LcdMenuKh" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange7processEP7LcdMenuKh'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Process command. </p>
+<p>Handle commands:<ul class="simple">
+<li><p><code class="docutils literal notranslate"><span class="pre">UP</span></code> - increment value and trigger callback;</p></li>
+<li><p><code class="docutils literal notranslate"><span class="pre">DOWN</span></code> - decrement value and trigger callback; </p></li>
+</ul>
+</p>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange9incrementEv">
+<span id="_CPPv3N11WidgetRange9incrementEv"></span><span id="_CPPv2N11WidgetRange9incrementEv"></span><span id="WidgetRange::increment"></span><span class="target" id="classWidgetRange_1a86fd4e7a562d93562fc41bc914b9d677"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">increment</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11WidgetRange9incrementEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange9incrementEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Increments the value. If the value exceeds <code class="docutils literal notranslate"><span class="pre">maxValue</span></code> and cycling is enabled, the value resets to <code class="docutils literal notranslate"><span class="pre">minValue</span></code>. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Returns<span class="colon">:</span></dt>
+<dd class="field-odd"><p>true if incremented or reset (in case of cycle) </p>
+</dd>
+</dl>
+</dd></dl>
+<dl class="cpp function">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange9decrementEv">
+<span id="_CPPv3N11WidgetRange9decrementEv"></span><span id="_CPPv2N11WidgetRange9decrementEv"></span><span id="WidgetRange::decrement"></span><span class="target" id="classWidgetRange_1aa7d628b102bc2f226f12d03b32f62491"></span><span class="k"><span class="pre">inline</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">decrement</span></span></span><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#_CPPv4N11WidgetRange9decrementEv" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange9decrementEv'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd><p>Decrements the value. If the value falls below <code class="docutils literal notranslate"><span class="pre">minValue</span></code> and cycling is enabled, the value resets to <code class="docutils literal notranslate"><span class="pre">maxValue</span></code>. </p>
+<dl class="field-list simple">
+<dt class="field-odd">Returns<span class="colon">:</span></dt>
+<dd class="field-odd"><p>true if decremented or reset (in case of cycle) </p>
+</dd>
+</dl>
+</dd></dl>
+</div>
+<div class="breathe-sectiondef docutils container">
+<p class="breathe-sectiondef-title rubric" id="breathe-section-title-protected-attributes">Protected Attributes</p>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange4stepE">
+<span id="_CPPv3N11WidgetRange4stepE"></span><span id="_CPPv2N11WidgetRange4stepE"></span><span id="WidgetRange::step__TC"></span><span class="target" id="classWidgetRange_1af2dcf9d1b69db6d58f93f2fb14fb0f5a"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">step</span></span></span><a class="headerlink" href="#_CPPv4N11WidgetRange4stepE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange4stepE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange8minValueE">
+<span id="_CPPv3N11WidgetRange8minValueE"></span><span id="_CPPv2N11WidgetRange8minValueE"></span><span id="WidgetRange::minValue__TC"></span><span class="target" id="classWidgetRange_1a0a49a9d7cf9f3d2a43876dbc2fdee92e"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">minValue</span></span></span><a class="headerlink" href="#_CPPv4N11WidgetRange8minValueE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange8minValueE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange8maxValueE">
+<span id="_CPPv3N11WidgetRange8maxValueE"></span><span id="_CPPv2N11WidgetRange8maxValueE"></span><span id="WidgetRange::maxValue__TC"></span><span class="target" id="classWidgetRange_1a2169e6591558463649464301eca964bf"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><a class="reference internal" href="#_CPPv4I0E11WidgetRange" title="WidgetRange::T"><span class="n"><span class="pre">T</span></span></a><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">maxValue</span></span></span><a class="headerlink" href="#_CPPv4N11WidgetRange8maxValueE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange8maxValueE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+<dl class="cpp var">
+<dt class="sig sig-object cpp" id="_CPPv4N11WidgetRange5cycleE">
+<span id="_CPPv3N11WidgetRange5cycleE"></span><span id="_CPPv2N11WidgetRange5cycleE"></span><span id="WidgetRange::cycle__bC"></span><span class="target" id="classWidgetRange_1aa8325c010b6c8fec8a31bf44b777b332"></span><span class="k"><span class="pre">const</span></span><span class="w"> </span><span class="kt"><span class="pre">bool</span></span><span class="w"> </span><span class="sig-name descname"><span class="n"><span class="pre">cycle</span></span></span><a class="headerlink" href="#_CPPv4N11WidgetRange5cycleE" title="Link to this definition" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#_CPPv4N11WidgetRange5cycleE'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a><br/></dt>
+<dd></dd></dl>
+</div>
+</dd></dl>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        widget
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="BaseWidget.html">
+        BaseWidget
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
+<div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
+<ul>
+<li><a :data-current="activeSection === '#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE'" class="reference internal" href="#_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE"><code class="docutils literal notranslate"><span class="pre">WIDGET_RANGE()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4I0E11WidgetRange'" class="reference internal" href="#_CPPv4I0E11WidgetRange"><code class="docutils literal notranslate"><span class="pre">WidgetRange</span></code></a><ul>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE'" class="reference internal" href="#_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE"><code class="docutils literal notranslate"><span class="pre">WidgetRange::WidgetRange()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange8setValueERK1T'" class="reference internal" href="#_CPPv4N11WidgetRange8setValueERK1T"><code class="docutils literal notranslate"><span class="pre">WidgetRange::setValue()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange7processEP7LcdMenuKh'" class="reference internal" href="#_CPPv4N11WidgetRange7processEP7LcdMenuKh"><code class="docutils literal notranslate"><span class="pre">WidgetRange::process()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange9incrementEv'" class="reference internal" href="#_CPPv4N11WidgetRange9incrementEv"><code class="docutils literal notranslate"><span class="pre">WidgetRange::increment()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange9decrementEv'" class="reference internal" href="#_CPPv4N11WidgetRange9decrementEv"><code class="docutils literal notranslate"><span class="pre">WidgetRange::decrement()</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange4stepE'" class="reference internal" href="#_CPPv4N11WidgetRange4stepE"><code class="docutils literal notranslate"><span class="pre">WidgetRange::step</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange8minValueE'" class="reference internal" href="#_CPPv4N11WidgetRange8minValueE"><code class="docutils literal notranslate"><span class="pre">WidgetRange::minValue</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange8maxValueE'" class="reference internal" href="#_CPPv4N11WidgetRange8maxValueE"><code class="docutils literal notranslate"><span class="pre">WidgetRange::maxValue</span></code></a></li>
+<li><a :data-current="activeSection === '#_CPPv4N11WidgetRange5cycleE'" class="reference internal" href="#_CPPv4N11WidgetRange5cycleE"><code class="docutils literal notranslate"><span class="pre">WidgetRange::cycle</span></code></a></li>
+</ul>
+</li>
+</ul>
+</div>
+</aside>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/api/widget/index.html b/reference/api/widget/index.html
new file mode 100644
index 00000000..e4c026ac
--- /dev/null
+++ b/reference/api/widget/index.html
@@ -0,0 +1,282 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>widget | LcdMenu</title>
+<meta content="widget | LcdMenu" property="og:title"/>
+<meta content="widget | LcdMenu" name="twitter:title"/>
+<link href="../../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../../_static/favicon.png" rel="icon"/>
+<link href="../../../search.html" rel="search" title="Search"/>
+<link href="../../../genindex.html" rel="index" title="Index"/>
+<link href="WidgetRange.html" rel="next" title="WidgetRange"/>
+<link href="../renderer/CharacterDisplayRenderer.html" rel="prev" title="CharacterDisplayRenderer"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../../index.html">Docs</a>
+<a href="../../changelog.html">Changelog</a>
+<a href="../../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Widgets.html">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../samples/Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../renderer/index.html">renderer</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/api/widget/index.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="../index.html">API reference</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">widget</span>
+</nav>
+<div id="content" role="main">
+<section id="widget">
+<h1>widget<a class="headerlink" href="#widget" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="toctree-wrapper compound">
+<p class="caption" role="heading"><span class="caption-text">widget</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="WidgetRange.html">WidgetRange</a></li>
+<li class="toctree-l1"><a class="reference internal" href="BaseWidget.html">BaseWidget</a></li>
+<li class="toctree-l1"><a class="reference internal" href="WidgetList.html">WidgetList</a></li>
+<li class="toctree-l1"><a class="reference internal" href="WidgetBool.html">WidgetBool</a></li>
+<li class="toctree-l1"><a class="reference internal" href="BaseWidgetValue.html">BaseWidgetValue</a></li>
+</ul>
+</div>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../renderer/CharacterDisplayRenderer.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        CharacterDisplayRenderer
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="WidgetRange.html">
+        WidgetRange
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../../_static/theme.js?v=073f68d9"></script>
+<script src="../../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/changelog.html b/reference/changelog.html
index 205d251a..c963778b 100644
--- a/reference/changelog.html
+++ b/reference/changelog.html
@@ -11,10 +11,10 @@
 <meta content="Changelog | LcdMenu" property="og:title"/>
 <meta content="Changelog | LcdMenu" name="twitter:title"/>
 <link href="../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../_static/favicon.png" rel="icon"/>
 <link href="../search.html" rel="search" title="Search"/>
 <link href="../genindex.html" rel="index" title="Index"/>
@@ -134,27 +134,64 @@
 <section id="changelog">
 <h1>Changelog<a class="headerlink" href="#changelog" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
 <p class="lead">This is the changelog of LcdMenu library. It contains information about the changes between versions.</p>
-<section id="lcdmenu-v5-3-1">
-<h2>LcdMenu v5.3.1<a class="headerlink" href="#lcdmenu-v5-3-1" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-3-1'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<section id="lcdmenu-v5-4-0">
+<h2>LcdMenu v5.4.0<a class="headerlink" href="#lcdmenu-v5-4-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-4-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<section id="new-features">
+<h3>New Features<a class="headerlink" href="#new-features" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#new-features'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<ul class="simple">
+<li><p>Add Widgets Example Sketch by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/262">#262</a></p></li>
+<li><p>Remove WidgetCharset class and introduce templated WidgetList class by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/255">#255</a></p></li>
+<li><p>Add widget functionality into the library by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/248">#248</a></p></li>
+</ul>
+</section>
+<section id="enhancements">
+<h3>Enhancements<a class="headerlink" href="#enhancements" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#enhancements'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<ul class="simple">
+<li><p>Update Examples to use Widgets by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/260">#260</a></p></li>
+<li><p>Refactor ItemSubMenu class to inherit from BaseItemZeroWidget and update methods by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/259">#259</a></p></li>
+<li><p>Enhance widget rendering to ensure that the active Widget is always visible by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/258">#258</a></p></li>
+<li><p>Improve memory management and string handling in ItemInput class by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/256">#256</a></p></li>
+<li><p>Remove WidgetCharset class and introduce templated WidgetList class by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/255">#255</a></p></li>
+<li><p>Update ItemBack class to inherit from BaseItemZeroWidget by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/252">#252</a></p></li>
+<li><p>Refactor item command class to use item widget by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/251">#251</a></p></li>
+<li><p>Update logging mechanism with LOG macro in multiple classes by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/250">#250</a></p></li>
+</ul>
+</section>
 <section id="bug-fixes">
 <h3>Bug Fixes<a class="headerlink" href="#bug-fixes" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#bug-fixes'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Bugfix: 4 bars appear when no indicators are being shown by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/257">#257</a></p></li>
 </ul>
+</section>
+<section id="documentation-updates">
+<h3>Documentation Updates<a class="headerlink" href="#documentation-updates" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#documentation-updates'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<ul class="simple">
+<li><p>Comprehensive Documentation Update for Widgets and Menu Items by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/275">#275</a></p></li>
+</ul>
+<p><strong>Full Changelog</strong>: <a class="reference external" href="https://github.com/forntoh/LcdMenu/compare/5.3.1...5.4.0">https://github.com/forntoh/LcdMenu/compare/5.3.1…5.4.0</a></p>
+</section>
+</section>
+<section id="lcdmenu-v5-3-1">
+<h2>LcdMenu v5.3.1<a class="headerlink" href="#lcdmenu-v5-3-1" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-3-1'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
+<section id="id14">
+<h3>Bug Fixes<a class="headerlink" href="#id14" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id14'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<ul class="simple">
+<li><p>Bugfix: 4 bars appear when no indicators are being shown by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/257">#257</a></p></li>
+</ul>
 <p><strong>Full Changelog</strong>: <a class="reference external" href="https://github.com/forntoh/LcdMenu/compare/5.3.0...5.3.1">https://github.com/forntoh/LcdMenu/compare/5.3.0…5.3.1</a></p>
 </section>
 </section>
 <section id="lcdmenu-v5-3-0">
 <h2>LcdMenu v5.3.0<a class="headerlink" href="#lcdmenu-v5-3-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-3-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="new-features">
-<h3>New Features<a class="headerlink" href="#new-features" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#new-features'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id16">
+<h3>New Features<a class="headerlink" href="#id16" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id16'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Add support for additional board types by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/246">#246</a>
 Introduced support for additional board types (ESP32, ESP8266, STM32, MKR1000 etc) in the Arduino compilation workflow.</p></li>
 </ul>
 </section>
-<section id="enhancements">
-<h3>Enhancements<a class="headerlink" href="#enhancements" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#enhancements'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id18">
+<h3>Enhancements<a class="headerlink" href="#id18" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id18'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Integrate Fast and Efficient String Formatting Library by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/244">#244</a></p></li>
 <li><p>Enhanced the LCD display configuration and temperature measurement logic in the RTOS example by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/246">#246</a></p></li>
@@ -165,15 +202,15 @@ <h3>Enhancements<a class="headerlink" href="#enhancements" title="Link to this h
 </section>
 <section id="lcdmenu-v5-2-0">
 <h2>LcdMenu v5.2.0<a class="headerlink" href="#lcdmenu-v5-2-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-2-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id6">
-<h3>New Features<a class="headerlink" href="#id6" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id6'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id22">
+<h3>New Features<a class="headerlink" href="#id22" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id22'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Add Support for LCDs using SSD1803 controller by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/243">#243</a></p></li>
 <li><p>Add View Shifting to MenuRenderer for Handling Long Text by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/241">#241</a></p></li>
 </ul>
 </section>
-<section id="id9">
-<h3>Enhancements<a class="headerlink" href="#id9" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id9'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id25">
+<h3>Enhancements<a class="headerlink" href="#id25" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id25'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Delegate Rendering of Separator and Value to Renderer by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/240">#240</a></p></li>
 </ul>
@@ -185,8 +222,8 @@ <h3>Chore Updates<a class="headerlink" href="#chore-updates" title="Link to this
 <li><p>Add tagging options for PR types and update checklist. by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/238">#238</a></p></li>
 </ul>
 </section>
-<section id="documentation-updates">
-<h3>Documentation Updates<a class="headerlink" href="#documentation-updates" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#documentation-updates'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id29">
+<h3>Documentation Updates<a class="headerlink" href="#id29" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id29'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Fix typo in character-display.rst by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/242">#242</a></p></li>
 <li><p>Update API references to use C++ syntax for better clarity and consistency by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/237">#237</a></p></li>
@@ -196,14 +233,14 @@ <h3>Documentation Updates<a class="headerlink" href="#documentation-updates" tit
 </section>
 <section id="lcdmenu-v5-1-0">
 <h2>LcdMenu v5.1.0<a class="headerlink" href="#lcdmenu-v5-1-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-1-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id15">
-<h3>New Features<a class="headerlink" href="#id15" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id15'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id32">
+<h3>New Features<a class="headerlink" href="#id32" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id32'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>[Feat] Add Menu Renderer by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/233">#233</a></p></li>
 </ul>
 </section>
-<section id="id17">
-<h3>Enhancements<a class="headerlink" href="#id17" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id17'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id34">
+<h3>Enhancements<a class="headerlink" href="#id34" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id34'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Patch/remove screen row dependency in renderer by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/235">#235</a></p></li>
 <li><p>Remove <cite>itemIndex</cite> dependency from renderer by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/234">#234</a></p></li>
@@ -213,8 +250,8 @@ <h3>Enhancements<a class="headerlink" href="#id17" title="Link to this heading"
 </section>
 <section id="lcdmenu-v5-0-0">
 <h2>LcdMenu v5.0.0<a class="headerlink" href="#lcdmenu-v5-0-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v5-0-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id20">
-<h3>New Features<a class="headerlink" href="#id20" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id20'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id37">
+<h3>New Features<a class="headerlink" href="#id37" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id37'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Feature/move control to items by @ShishkinDmitriy in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/199">#199</a></p></li>
 <li><p>Feature/eliminate types by @ShishkinDmitriy in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/213">#213</a></p></li>
@@ -224,8 +261,8 @@ <h3>New Features<a class="headerlink" href="#id20" title="Link to this heading"
 <li><p>[feat] Replace ItemProgress with Item[type]Range by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/228">#228</a></p></li>
 </ul>
 </section>
-<section id="id27">
-<h3>Enhancements<a class="headerlink" href="#id27" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id27'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id44">
+<h3>Enhancements<a class="headerlink" href="#id44" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id44'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Replace SimpleNavConfig with KeyboardAdapter by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/218">#218</a></p></li>
 <li><p>Replace DigitalInputAdapter with ButtonAdapter by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/223">#223</a></p></li>
@@ -234,20 +271,20 @@ <h3>Enhancements<a class="headerlink" href="#id27" title="Link to this heading"
 <li><p>Isolate constants by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/227">#227</a></p></li>
 </ul>
 </section>
-<section id="id33">
-<h3>Bug Fixes<a class="headerlink" href="#id33" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id33'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id50">
+<h3>Bug Fixes<a class="headerlink" href="#id50" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id50'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Bugfix/stuck on submenu enter by @ShishkinDmitriy in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/219">#219</a></p></li>
 </ul>
 </section>
-<section id="id35">
-<h3>Chore Updates<a class="headerlink" href="#id35" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id35'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id52">
+<h3>Chore Updates<a class="headerlink" href="#id52" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id52'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>[chore] Improved Debug Logging by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/220">#220</a></p></li>
 </ul>
 </section>
-<section id="id37">
-<h3>Documentation Updates<a class="headerlink" href="#id37" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id37'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id54">
+<h3>Documentation Updates<a class="headerlink" href="#id54" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id54'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>LcdMenu 5.0.0 Documentation by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/230">#230</a></p></li>
 <li><p>Update Code Documentation by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/224">#224</a></p></li>
@@ -263,15 +300,15 @@ <h3>Breaking Changes<a class="headerlink" href="#breaking-changes" title="Link t
 </section>
 <section id="lcdmenu-v4-2-0">
 <h2>LcdMenu v4.2.0<a class="headerlink" href="#lcdmenu-v4-2-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v4-2-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id40">
-<h3>New Features<a class="headerlink" href="#id40" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id40'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id57">
+<h3>New Features<a class="headerlink" href="#id57" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id57'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Replace <cite>RotaryNavConfig</cite> with <cite>RotaryInputAdapter</cite> by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/206">#206</a></p></li>
 <li><p>Add <cite>SimpleNavConfig</cite> and deprecate <cite>processMenuCommand</cite> by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/189">#189</a></p></li>
 </ul>
 </section>
-<section id="id43">
-<h3>Bug Fixes<a class="headerlink" href="#id43" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id43'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id60">
+<h3>Bug Fixes<a class="headerlink" href="#id60" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id60'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Remove dependencies [fix for #203] by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/215">#215</a></p></li>
 <li><p>Make global util functions inline by @ShishkinDmitriy in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/192">#192</a></p></li>
@@ -281,21 +318,21 @@ <h3>Bug Fixes<a class="headerlink" href="#id43" title="Link to this heading" x-i
 </section>
 <section id="lcdmenu-v4-1-0">
 <h2>LcdMenu v4.1.0<a class="headerlink" href="#lcdmenu-v4-1-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-v4-1-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id46">
-<h3>New Features ⭐️<a class="headerlink" href="#id46" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id46'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id63">
+<h3>New Features ⭐️<a class="headerlink" href="#id63" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id63'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p><strong>Menu Command Processor Helper for Rotary Encoder</strong> by @forntoh in #185
 A helper function was added to handle menu navigation using a rotary encoder. This makes it easier for developers to implement rotary-based navigation for their LCD menus, streamlining the interaction process. It allows smoother scrolling through menu items and simplifies input with just a rotary encoder.</p></li>
 </ul>
 </section>
-<section id="id47">
-<h3>Enhancements:<a class="headerlink" href="#id47" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id47'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id64">
+<h3>Enhancements:<a class="headerlink" href="#id64" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id64'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p><strong>Examples</strong>: Added [basic rotary encoder](examples/SimpleInput/SimpleInput.ino) and [input rotary](examples/InputRotary/InputRotary.ino) examples to demonstrate functionality.</p></li>
 </ul>
 </section>
-<section id="id48">
-<h3>Bug Fixes:<a class="headerlink" href="#id48" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id48'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id65">
+<h3>Bug Fixes:<a class="headerlink" href="#id65" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id65'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p><strong>Code Cleanup</strong>: Removed unused print statements to improve code quality.</p></li>
 </ul>
@@ -327,8 +364,8 @@ <h3>Bug Fixes and Improvements<a class="headerlink" href="#bug-fixes-and-improve
 <li><p>Documentation: Updated and expanded the documentation to reflect the new architecture and features.</p></li>
 </ul>
 </section>
-<section id="id49">
-<h3>Breaking Changes<a class="headerlink" href="#id49" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id49'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id66">
+<h3>Breaking Changes<a class="headerlink" href="#id66" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id66'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>API Changes: The introduction of the DisplayInterface class and its implementation may require changes to existing projects. Users must update their code to work with the new interface and adapters.</p></li>
 <li><p>Some methods and features directly tied to the LiquidCrystal_I2C library have been refactored or removed. Please review [the migration guide](<a class="reference external" href="https://lcdmenu.forntoh.dev/reference/migration-guide">https://lcdmenu.forntoh.dev/reference/migration-guide</a>) for details on how to update your code.</p></li>
@@ -338,8 +375,8 @@ <h3>Breaking Changes<a class="headerlink" href="#id49" title="Link to this headi
 </section>
 <section id="lcdmenu-3-5-6">
 <h2>LcdMenu 3.5.6<a class="headerlink" href="#lcdmenu-3-5-6" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-3-5-6'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<section id="id50">
-<h3>Chore Updates<a class="headerlink" href="#id50" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id50'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
+<section id="id67">
+<h3>Chore Updates<a class="headerlink" href="#id67" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#id67'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h3>
 <ul class="simple">
 <li><p>Make <cite>isAtTheStart</cite> and <cite>isAtTheEnd</cite> public by @forntoh in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/172">#172</a></p></li>
 </ul>
@@ -529,71 +566,67 @@ <h2>LcdMenu 2.1.1<a class="headerlink" href="#lcdmenu-2-1-1" title="Link to this
 </ul>
 <p><strong>Full Changelog</strong>: <a class="reference external" href="https://github.com/forntoh/LcdMenu/compare/2.1.0...2.1.1">https://github.com/forntoh/LcdMenu/compare/2.1.0…2.1.1</a></p>
 </section>
-<section id="lcdmenu-2-1-0">
-<h2>LcdMenu 2.1.0<a class="headerlink" href="#lcdmenu-2-1-0" title="Link to this heading" x-intersect.margin.0%.0%.-70%.0%="activeSection = '#lcdmenu-2-1-0'"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h2>
-<p>#### What’s Changed</p>
-<ul class="simple">
-<li><p>Input characters from a charset.</p></li>
-<li><p>Bug fix: displaying menu items that doesn’t exists when number of items below lcd maxRows by @edanp in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/40">#40</a></p></li>
-</ul>
-<p>#### New Contributors
-* @edanp made their first contribution in <a class="reference external" href="https://github.com/forntoh/LcdMenu/pull/40">#40</a></p>
-<p><strong>Full Changelog</strong>: <a class="reference external" href="https://github.com/forntoh/LcdMenu/compare/2.0.0...2.1.0">https://github.com/forntoh/LcdMenu/compare/2.0.0…2.1.0</a></p>
-</section>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 </div></div><aside class="hidden text-sm xl:block" id="right-sidebar">
 <div class="sticky top-16 -mt-10 max-h-[calc(100vh-5rem)] overflow-y-auto pt-6 space-y-2"><p class="font-medium">On this page</p>
 <ul>
-<li><a :data-current="activeSection === '#lcdmenu-v5-3-1'" class="reference internal" href="#lcdmenu-v5-3-1">LcdMenu v5.3.1</a><ul>
+<li><a :data-current="activeSection === '#lcdmenu-v5-4-0'" class="reference internal" href="#lcdmenu-v5-4-0">LcdMenu v5.4.0</a><ul>
+<li><a :data-current="activeSection === '#new-features'" class="reference internal" href="#new-features">New Features</a></li>
+<li><a :data-current="activeSection === '#enhancements'" class="reference internal" href="#enhancements">Enhancements</a></li>
 <li><a :data-current="activeSection === '#bug-fixes'" class="reference internal" href="#bug-fixes">Bug Fixes</a></li>
+<li><a :data-current="activeSection === '#documentation-updates'" class="reference internal" href="#documentation-updates">Documentation Updates</a></li>
+</ul>
+</li>
+<li><a :data-current="activeSection === '#lcdmenu-v5-3-1'" class="reference internal" href="#lcdmenu-v5-3-1">LcdMenu v5.3.1</a><ul>
+<li><a :data-current="activeSection === '#id14'" class="reference internal" href="#id14">Bug Fixes</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v5-3-0'" class="reference internal" href="#lcdmenu-v5-3-0">LcdMenu v5.3.0</a><ul>
-<li><a :data-current="activeSection === '#new-features'" class="reference internal" href="#new-features">New Features</a></li>
-<li><a :data-current="activeSection === '#enhancements'" class="reference internal" href="#enhancements">Enhancements</a></li>
+<li><a :data-current="activeSection === '#id16'" class="reference internal" href="#id16">New Features</a></li>
+<li><a :data-current="activeSection === '#id18'" class="reference internal" href="#id18">Enhancements</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v5-2-0'" class="reference internal" href="#lcdmenu-v5-2-0">LcdMenu v5.2.0</a><ul>
-<li><a :data-current="activeSection === '#id6'" class="reference internal" href="#id6">New Features</a></li>
-<li><a :data-current="activeSection === '#id9'" class="reference internal" href="#id9">Enhancements</a></li>
+<li><a :data-current="activeSection === '#id22'" class="reference internal" href="#id22">New Features</a></li>
+<li><a :data-current="activeSection === '#id25'" class="reference internal" href="#id25">Enhancements</a></li>
 <li><a :data-current="activeSection === '#chore-updates'" class="reference internal" href="#chore-updates">Chore Updates</a></li>
-<li><a :data-current="activeSection === '#documentation-updates'" class="reference internal" href="#documentation-updates">Documentation Updates</a></li>
+<li><a :data-current="activeSection === '#id29'" class="reference internal" href="#id29">Documentation Updates</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v5-1-0'" class="reference internal" href="#lcdmenu-v5-1-0">LcdMenu v5.1.0</a><ul>
-<li><a :data-current="activeSection === '#id15'" class="reference internal" href="#id15">New Features</a></li>
-<li><a :data-current="activeSection === '#id17'" class="reference internal" href="#id17">Enhancements</a></li>
+<li><a :data-current="activeSection === '#id32'" class="reference internal" href="#id32">New Features</a></li>
+<li><a :data-current="activeSection === '#id34'" class="reference internal" href="#id34">Enhancements</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v5-0-0'" class="reference internal" href="#lcdmenu-v5-0-0">LcdMenu v5.0.0</a><ul>
-<li><a :data-current="activeSection === '#id20'" class="reference internal" href="#id20">New Features</a></li>
-<li><a :data-current="activeSection === '#id27'" class="reference internal" href="#id27">Enhancements</a></li>
-<li><a :data-current="activeSection === '#id33'" class="reference internal" href="#id33">Bug Fixes</a></li>
-<li><a :data-current="activeSection === '#id35'" class="reference internal" href="#id35">Chore Updates</a></li>
-<li><a :data-current="activeSection === '#id37'" class="reference internal" href="#id37">Documentation Updates</a></li>
+<li><a :data-current="activeSection === '#id37'" class="reference internal" href="#id37">New Features</a></li>
+<li><a :data-current="activeSection === '#id44'" class="reference internal" href="#id44">Enhancements</a></li>
+<li><a :data-current="activeSection === '#id50'" class="reference internal" href="#id50">Bug Fixes</a></li>
+<li><a :data-current="activeSection === '#id52'" class="reference internal" href="#id52">Chore Updates</a></li>
+<li><a :data-current="activeSection === '#id54'" class="reference internal" href="#id54">Documentation Updates</a></li>
 <li><a :data-current="activeSection === '#breaking-changes'" class="reference internal" href="#breaking-changes">Breaking Changes</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v4-2-0'" class="reference internal" href="#lcdmenu-v4-2-0">LcdMenu v4.2.0</a><ul>
-<li><a :data-current="activeSection === '#id40'" class="reference internal" href="#id40">New Features</a></li>
-<li><a :data-current="activeSection === '#id43'" class="reference internal" href="#id43">Bug Fixes</a></li>
+<li><a :data-current="activeSection === '#id57'" class="reference internal" href="#id57">New Features</a></li>
+<li><a :data-current="activeSection === '#id60'" class="reference internal" href="#id60">Bug Fixes</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-v4-1-0'" class="reference internal" href="#lcdmenu-v4-1-0">LcdMenu v4.1.0</a><ul>
-<li><a :data-current="activeSection === '#id46'" class="reference internal" href="#id46">New Features ⭐️</a></li>
-<li><a :data-current="activeSection === '#id47'" class="reference internal" href="#id47">Enhancements:</a></li>
-<li><a :data-current="activeSection === '#id48'" class="reference internal" href="#id48">Bug Fixes:</a></li>
+<li><a :data-current="activeSection === '#id63'" class="reference internal" href="#id63">New Features ⭐️</a></li>
+<li><a :data-current="activeSection === '#id64'" class="reference internal" href="#id64">Enhancements:</a></li>
+<li><a :data-current="activeSection === '#id65'" class="reference internal" href="#id65">Bug Fixes:</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-4-0-0'" class="reference internal" href="#lcdmenu-4-0-0">LcdMenu 4.0.0</a><ul>
 <li><a :data-current="activeSection === '#what-s-changed'" class="reference internal" href="#what-s-changed">What’s Changed</a></li>
 <li><a :data-current="activeSection === '#bug-fixes-and-improvements'" class="reference internal" href="#bug-fixes-and-improvements">Bug Fixes and Improvements</a></li>
-<li><a :data-current="activeSection === '#id49'" class="reference internal" href="#id49">Breaking Changes</a></li>
+<li><a :data-current="activeSection === '#id66'" class="reference internal" href="#id66">Breaking Changes</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-3-5-6'" class="reference internal" href="#lcdmenu-3-5-6">LcdMenu 3.5.6</a><ul>
-<li><a :data-current="activeSection === '#id50'" class="reference internal" href="#id50">Chore Updates</a></li>
+<li><a :data-current="activeSection === '#id67'" class="reference internal" href="#id67">Chore Updates</a></li>
 </ul>
 </li>
 <li><a :data-current="activeSection === '#lcdmenu-3-5-5'" class="reference internal" href="#lcdmenu-3-5-5">LcdMenu 3.5.5</a></li>
@@ -616,7 +649,6 @@ <h2>LcdMenu 2.1.0<a class="headerlink" href="#lcdmenu-2-1-0" title="Link to this
 <li><a :data-current="activeSection === '#lcdmenu-2-1-3'" class="reference internal" href="#lcdmenu-2-1-3">LcdMenu 2.1.3</a></li>
 <li><a :data-current="activeSection === '#lcdmenu-2-1-2'" class="reference internal" href="#lcdmenu-2-1-2">LcdMenu 2.1.2</a></li>
 <li><a :data-current="activeSection === '#lcdmenu-2-1-1'" class="reference internal" href="#lcdmenu-2-1-1">LcdMenu 2.1.1</a></li>
-<li><a :data-current="activeSection === '#lcdmenu-2-1-0'" class="reference internal" href="#lcdmenu-2-1-0">LcdMenu 2.1.0</a></li>
 </ul>
 </div>
 </aside>
@@ -638,7 +670,7 @@ <h2>LcdMenu 2.1.0<a class="headerlink" href="#lcdmenu-2-1-0" title="Link to this
 <script src="../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../_static/doctools.js?v=9bcbadda"></script>
 <script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../_static/theme.js?v=073f68d9"></script>
 <script src="../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/faq.html b/reference/faq.html
index 729d6206..483abe86 100644
--- a/reference/faq.html
+++ b/reference/faq.html
@@ -11,10 +11,10 @@
 <meta content="FAQ | LcdMenu" property="og:title"/>
 <meta content="FAQ | LcdMenu" name="twitter:title"/>
 <link href="../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../_static/favicon.png" rel="icon"/>
 <link href="../search.html" rel="search" title="Search"/>
 <link href="../genindex.html" rel="index" title="Index"/>
@@ -106,6 +106,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../overview/control/button.html">Button Adapter</a></li>
@@ -120,42 +126,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="uml.html">Class diagram</a></li>
@@ -272,7 +283,7 @@ <h1>FAQ<a class="headerlink" href="#faq" title="Link to this heading"><svg heigh
 <script src="../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../_static/doctools.js?v=9bcbadda"></script>
 <script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../_static/theme.js?v=073f68d9"></script>
 <script src="../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/license.html b/reference/license.html
index eaa241cd..70c678af 100644
--- a/reference/license.html
+++ b/reference/license.html
@@ -11,10 +11,10 @@
 <meta content="License | LcdMenu" property="og:title"/>
 <meta content="License | LcdMenu" name="twitter:title"/>
 <link href="../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../_static/favicon.png" rel="icon"/>
 <link href="../search.html" rel="search" title="Search"/>
 <link href="../genindex.html" rel="index" title="Index"/>
@@ -171,7 +171,7 @@ <h1>License<a class="headerlink" href="#license" title="Link to this heading"><s
 <script src="../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../_static/doctools.js?v=9bcbadda"></script>
 <script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../_static/theme.js?v=073f68d9"></script>
 <script src="../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/migration/index.html b/reference/migration/index.html
index 5d587407..b8df2ba7 100644
--- a/reference/migration/index.html
+++ b/reference/migration/index.html
@@ -11,10 +11,10 @@
 <meta content="Migration | LcdMenu" property="og:title"/>
 <meta content="Migration | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -494,7 +505,7 @@ <h3>Other changes<a class="headerlink" href="#other-changes" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/migration/v3.x-v4.x.html b/reference/migration/v3.x-v4.x.html
index 5241c757..13799d09 100644
--- a/reference/migration/v3.x-v4.x.html
+++ b/reference/migration/v3.x-v4.x.html
@@ -11,10 +11,10 @@
 <meta content="Migration from v3.x to v4.x | LcdMenu" property="og:title"/>
 <meta content="Migration from v3.x to v4.x | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -105,6 +105,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -119,42 +125,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -287,7 +298,7 @@ <h2>Other changes<a class="headerlink" href="#other-changes" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/migration/v4.x.x-v5.0.0.html b/reference/migration/v4.x.x-v5.0.0.html
index b51f036d..732c51a0 100644
--- a/reference/migration/v4.x.x-v5.0.0.html
+++ b/reference/migration/v4.x.x-v5.0.0.html
@@ -11,10 +11,10 @@
 <meta content="Migration from v4.x.x to v5.0.0 | LcdMenu" property="og:title"/>
 <meta content="Migration from v4.x.x to v5.0.0 | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -105,6 +105,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -119,42 +125,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -370,7 +381,7 @@ <h2>Menu control changes<a class="headerlink" href="#menu-control-changes" title
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/migration/v5.0.0-v5.1.x.html b/reference/migration/v5.0.0-v5.1.x.html
index bcd52993..57fc651f 100644
--- a/reference/migration/v5.0.0-v5.1.x.html
+++ b/reference/migration/v5.0.0-v5.1.x.html
@@ -11,10 +11,10 @@
 <meta content="Migration from v5.0.0 to v5.1.x | LcdMenu" property="og:title"/>
 <meta content="Migration from v5.0.0 to v5.1.x | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
@@ -105,6 +105,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -119,42 +125,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -282,7 +293,7 @@ <h2>Setup changes<a class="headerlink" href="#setup-changes" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/Basic.html b/reference/samples/Basic.html
index ea42fb2e..ada27c29 100644
--- a/reference/samples/Basic.html
+++ b/reference/samples/Basic.html
@@ -11,14 +11,14 @@
 <meta content="Basic | LcdMenu" property="og:title"/>
 <meta content="Basic | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="IntFloatValues.html" rel="next" title="IntFloatValues"/>
+<link href="SubMenu.html" rel="next" title="SubMenu"/>
 <link href="ButtonAdapter.html" rel="prev" title="ButtonAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -265,8 +276,8 @@ <h1>Basic<a class="headerlink" href="#basic" title="Link to this heading"><svg h
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="IntFloatValues.html">
-        IntFloatValues
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SubMenu.html">
+        SubMenu
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -291,7 +302,7 @@ <h1>Basic<a class="headerlink" href="#basic" title="Link to this heading"><svg h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/ButtonAdapter.html b/reference/samples/ButtonAdapter.html
index 421414df..99326253 100644
--- a/reference/samples/ButtonAdapter.html
+++ b/reference/samples/ButtonAdapter.html
@@ -11,15 +11,15 @@
 <meta content="ButtonAdapter | LcdMenu" property="og:title"/>
 <meta content="ButtonAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
 <link href="Basic.html" rel="next" title="Basic"/>
-<link href="SimpleRotary.html" rel="prev" title="SimpleRotary"/>
+<link href="index.html" rel="prev" title="Code samples"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -275,11 +286,11 @@ <h1>ButtonAdapter<a class="headerlink" href="#buttonadapter" title="Link to this
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotary.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        SimpleRotary
+        Code samples
       </a>
 </div>
 <div class="ml-auto">
@@ -309,7 +320,7 @@ <h1>ButtonAdapter<a class="headerlink" href="#buttonadapter" title="Link to this
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/ButtonWithRotaryAdapter.html b/reference/samples/ButtonWithRotaryAdapter.html
index b9e5406a..609228e5 100644
--- a/reference/samples/ButtonWithRotaryAdapter.html
+++ b/reference/samples/ButtonWithRotaryAdapter.html
@@ -11,15 +11,15 @@
 <meta content="ButtonWithRotaryAdapter | LcdMenu" property="og:title"/>
 <meta content="ButtonWithRotaryAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="SSD1803A_I2C.html" rel="next" title="SSD1803A_I2C"/>
-<link href="MenuTimeout.html" rel="prev" title="MenuTimeout"/>
+<link href="MenuTimeout.html" rel="next" title="MenuTimeout"/>
+<link href="KeyboardAdapter.html" rel="prev" title="KeyboardAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -223,8 +234,8 @@ <h1>ButtonWithRotaryAdapter<a class="headerlink" href="#buttonwithrotaryadapter"
 </span><span id="line-3"><span class="linenos"> 3</span>
 </span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;Button.h&gt;</span>
 </span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemInputCharset.h&gt;</span>
-</span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemList.h&gt;</span>
-</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemToggle.h&gt;</span>
+</span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemToggle.h&gt;</span>
+</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemWidget.h&gt;</span>
 </span><span id="line-8"><span class="linenos"> 8</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
 </span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
 </span><span id="line-10"><span class="linenos">10</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;SimpleRotary.h&gt;</span>
@@ -232,54 +243,54 @@ <h1>ButtonWithRotaryAdapter<a class="headerlink" href="#buttonwithrotaryadapter"
 </span><span id="line-12"><span class="linenos">12</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/ButtonAdapter.h&gt;</span>
 </span><span id="line-13"><span class="linenos">13</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/SimpleRotaryAdapter.h&gt;</span>
 </span><span id="line-14"><span class="linenos">14</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
-</span><span id="line-15"><span class="linenos">15</span>
-</span><span id="line-16"><span class="linenos">16</span><span class="cp">#define LCD_ROWS 2</span>
-</span><span id="line-17"><span class="linenos">17</span><span class="cp">#define LCD_COLS 16</span>
-</span><span id="line-18"><span class="linenos">18</span>
-</span><span id="line-19"><span class="linenos">19</span><span class="c1">// Declare the callbacks</span>
-</span><span id="line-20"><span class="linenos">20</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
+</span><span id="line-15"><span class="linenos">15</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetList.h&gt;</span>
+</span><span id="line-16"><span class="linenos">16</span>
+</span><span id="line-17"><span class="linenos">17</span><span class="cp">#define LCD_ROWS 2</span>
+</span><span id="line-18"><span class="linenos">18</span><span class="cp">#define LCD_COLS 16</span>
+</span><span id="line-19"><span class="linenos">19</span>
+</span><span id="line-20"><span class="linenos">20</span><span class="c1">// Declare the callbacks</span>
 </span><span id="line-21"><span class="linenos">21</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">);</span>
 </span><span id="line-22"><span class="linenos">22</span><span class="kt">void</span><span class="w"> </span><span class="nf">inputCallback</span><span class="p">(</span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">value</span><span class="p">);</span>
 </span><span id="line-23"><span class="linenos">23</span>
-</span><span id="line-24"><span class="linenos">24</span><span class="n">String</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
-</span><span id="line-25"><span class="linenos">25</span>
-</span><span id="line-26"><span class="linenos">26</span><span class="c1">// clang-format off</span>
-</span><span id="line-27"><span class="linenos">27</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
-</span><span id="line-28"><span class="linenos">28</span><span class="w">    </span><span class="n">ITEM_INPUT_CHARSET</span><span class="p">(</span><span class="s">"User"</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="p">)</span><span class="s">"ABCDEFGHIJKLMNOPQRSTUVWXYZ"</span><span class="p">,</span><span class="w"> </span><span class="n">inputCallback</span><span class="p">),</span>
-</span><span id="line-29"><span class="linenos">29</span><span class="w">    </span><span class="n">ITEM_STRING_LIST</span><span class="p">(</span><span class="s">"Color"</span><span class="p">,</span><span class="w"> </span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="mi">8</span><span class="p">,</span><span class="w"> </span><span class="n">colorsCallback</span><span class="p">),</span>
-</span><span id="line-30"><span class="linenos">30</span><span class="w">    </span><span class="n">ITEM_TOGGLE</span><span class="p">(</span><span class="s">"Backlight"</span><span class="p">,</span><span class="w"> </span><span class="n">toggleBacklight</span><span class="p">),</span>
-</span><span id="line-31"><span class="linenos">31</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Placeholder 1"</span><span class="p">),</span>
-</span><span id="line-32"><span class="linenos">32</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Placeholder 2"</span><span class="p">));</span>
-</span><span id="line-33"><span class="linenos">33</span><span class="c1">// clang-format on</span>
-</span><span id="line-34"><span class="linenos">34</span>
-</span><span id="line-35"><span class="linenos">35</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-36"><span class="linenos">36</span><span class="n">LiquidCrystal_I2CAdapter</span><span class="w"> </span><span class="nf">lcdAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">);</span>
-</span><span id="line-37"><span class="linenos">37</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcdAdapter</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-38"><span class="linenos">38</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
-</span><span id="line-39"><span class="linenos">39</span><span class="n">SimpleRotary</span><span class="w"> </span><span class="nf">encoder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">);</span>
-</span><span id="line-40"><span class="linenos">40</span><span class="n">SimpleRotaryAdapter</span><span class="w"> </span><span class="nf">rotaryInput</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">encoder</span><span class="p">);</span><span class="w">  </span><span class="c1">// Rotary input adapter</span>
-</span><span id="line-41"><span class="linenos">41</span><span class="n">Button</span><span class="w"> </span><span class="nf">backspaceBtn</span><span class="p">(</span><span class="mi">11</span><span class="p">);</span>
-</span><span id="line-42"><span class="linenos">42</span><span class="n">ButtonAdapter</span><span class="w"> </span><span class="nf">backspaceBtnA</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">backspaceBtn</span><span class="p">,</span><span class="w"> </span><span class="n">BACKSPACE</span><span class="p">);</span><span class="w">  </span><span class="c1">// Push button for backspace</span>
-</span><span id="line-43"><span class="linenos">43</span>
-</span><span id="line-44"><span class="linenos">44</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-45"><span class="linenos">45</span><span class="w">    </span><span class="n">backspaceBtn</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
-</span><span id="line-46"><span class="linenos">46</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
-</span><span id="line-47"><span class="linenos">47</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
-</span><span id="line-48"><span class="linenos">48</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
-</span><span id="line-49"><span class="linenos">49</span><span class="p">}</span>
-</span><span id="line-50"><span class="linenos">50</span>
-</span><span id="line-51"><span class="linenos">51</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-52"><span class="linenos">52</span><span class="w">    </span><span class="n">rotaryInput</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
-</span><span id="line-53"><span class="linenos">53</span><span class="w">    </span><span class="n">backspaceBtnA</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
-</span><span id="line-54"><span class="linenos">54</span><span class="p">}</span>
-</span><span id="line-55"><span class="linenos">55</span>
-</span><span id="line-56"><span class="linenos">56</span><span class="c1">// Define the callbacks</span>
-</span><span id="line-57"><span class="linenos">57</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-58"><span class="linenos">58</span><span class="w">    </span><span class="n">lcdAdapter</span><span class="p">.</span><span class="n">setBacklight</span><span class="p">(</span><span class="n">isOn</span><span class="p">);</span>
-</span><span id="line-59"><span class="linenos">59</span><span class="p">}</span>
-</span><span id="line-60"><span class="linenos">60</span>
-</span><span id="line-61"><span class="linenos">61</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-62"><span class="linenos">62</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="n">pos</span><span class="p">]);</span>
+</span><span id="line-24"><span class="linenos">24</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
+</span><span id="line-25"><span class="linenos">25</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span><span id="line-26"><span class="linenos">26</span>
+</span><span id="line-27"><span class="linenos">27</span><span class="c1">// clang-format off</span>
+</span><span id="line-28"><span class="linenos">28</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
+</span><span id="line-29"><span class="linenos">29</span><span class="w">    </span><span class="n">ITEM_INPUT_CHARSET</span><span class="p">(</span><span class="s">"User"</span><span class="p">,</span><span class="w"> </span><span class="p">(</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="p">)</span><span class="s">"ABCDEFGHIJKLMNOPQRSTUVWXYZ"</span><span class="p">,</span><span class="w"> </span><span class="n">inputCallback</span><span class="p">),</span>
+</span><span id="line-30"><span class="linenos">30</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-31"><span class="linenos">31</span><span class="w">        </span><span class="s">"Color"</span><span class="p">,</span>
+</span><span id="line-32"><span class="linenos">32</span><span class="w">        </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">color</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">color</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-33"><span class="linenos">33</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">)),</span>
+</span><span id="line-34"><span class="linenos">34</span><span class="w">    </span><span class="n">ITEM_TOGGLE</span><span class="p">(</span><span class="s">"Backlight"</span><span class="p">,</span><span class="w"> </span><span class="n">toggleBacklight</span><span class="p">),</span>
+</span><span id="line-35"><span class="linenos">35</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Placeholder 1"</span><span class="p">),</span>
+</span><span id="line-36"><span class="linenos">36</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Placeholder 2"</span><span class="p">));</span>
+</span><span id="line-37"><span class="linenos">37</span><span class="c1">// clang-format on</span>
+</span><span id="line-38"><span class="linenos">38</span>
+</span><span id="line-39"><span class="linenos">39</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-40"><span class="linenos">40</span><span class="n">LiquidCrystal_I2CAdapter</span><span class="w"> </span><span class="nf">lcdAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">);</span>
+</span><span id="line-41"><span class="linenos">41</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcdAdapter</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-42"><span class="linenos">42</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
+</span><span id="line-43"><span class="linenos">43</span><span class="n">SimpleRotary</span><span class="w"> </span><span class="nf">encoder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">);</span>
+</span><span id="line-44"><span class="linenos">44</span><span class="n">SimpleRotaryAdapter</span><span class="w"> </span><span class="nf">rotaryInput</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">encoder</span><span class="p">);</span><span class="w">  </span><span class="c1">// Rotary input adapter</span>
+</span><span id="line-45"><span class="linenos">45</span><span class="n">Button</span><span class="w"> </span><span class="nf">backspaceBtn</span><span class="p">(</span><span class="mi">11</span><span class="p">);</span>
+</span><span id="line-46"><span class="linenos">46</span><span class="n">ButtonAdapter</span><span class="w"> </span><span class="nf">backspaceBtnA</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">backspaceBtn</span><span class="p">,</span><span class="w"> </span><span class="n">BACKSPACE</span><span class="p">);</span><span class="w">  </span><span class="c1">// Push button for backspace</span>
+</span><span id="line-47"><span class="linenos">47</span>
+</span><span id="line-48"><span class="linenos">48</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-49"><span class="linenos">49</span><span class="w">    </span><span class="n">backspaceBtn</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-50"><span class="linenos">50</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-51"><span class="linenos">51</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
+</span><span id="line-52"><span class="linenos">52</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
+</span><span id="line-53"><span class="linenos">53</span><span class="p">}</span>
+</span><span id="line-54"><span class="linenos">54</span>
+</span><span id="line-55"><span class="linenos">55</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-56"><span class="linenos">56</span><span class="w">    </span><span class="n">rotaryInput</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
+</span><span id="line-57"><span class="linenos">57</span><span class="w">    </span><span class="n">backspaceBtnA</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
+</span><span id="line-58"><span class="linenos">58</span><span class="p">}</span>
+</span><span id="line-59"><span class="linenos">59</span>
+</span><span id="line-60"><span class="linenos">60</span><span class="c1">// Define the callbacks</span>
+</span><span id="line-61"><span class="linenos">61</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-62"><span class="linenos">62</span><span class="w">    </span><span class="n">lcdAdapter</span><span class="p">.</span><span class="n">setBacklight</span><span class="p">(</span><span class="n">isOn</span><span class="p">);</span>
 </span><span id="line-63"><span class="linenos">63</span><span class="p">}</span>
 </span><span id="line-64"><span class="linenos">64</span>
 </span><span id="line-65"><span class="linenos">65</span><span class="kt">void</span><span class="w"> </span><span class="nf">inputCallback</span><span class="p">(</span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
@@ -290,16 +301,16 @@ <h1>ButtonWithRotaryAdapter<a class="headerlink" href="#buttonwithrotaryadapter"
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuTimeout.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        MenuTimeout
+        KeyboardAdapter
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2C.html">
-        SSD1803A_I2C
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuTimeout.html">
+        MenuTimeout
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -324,7 +335,7 @@ <h1>ButtonWithRotaryAdapter<a class="headerlink" href="#buttonwithrotaryadapter"
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/Callbacks.html b/reference/samples/Callbacks.html
index 5f759d32..2e9a591f 100644
--- a/reference/samples/Callbacks.html
+++ b/reference/samples/Callbacks.html
@@ -11,15 +11,15 @@
 <meta content="Callbacks | LcdMenu" property="og:title"/>
 <meta content="Callbacks | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="List.html" rel="next" title="List"/>
-<link href="IntFloatValues.html" rel="prev" title="IntFloatValues"/>
+<link href="../api/index.html" rel="next" title="API reference"/>
+<link href="MenuTimeout.html" rel="prev" title="MenuTimeout"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -267,16 +278,16 @@ <h1>Callbacks<a class="headerlink" href="#callbacks" title="Link to this heading
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="IntFloatValues.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuTimeout.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        IntFloatValues
+        MenuTimeout
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="List.html">
-        List
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../api/index.html">
+        API reference
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -301,7 +312,7 @@ <h1>Callbacks<a class="headerlink" href="#callbacks" title="Link to this heading
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/CharsetInput.html b/reference/samples/CharsetInput.html
index c20d5aa1..14fd9131 100644
--- a/reference/samples/CharsetInput.html
+++ b/reference/samples/CharsetInput.html
@@ -11,15 +11,15 @@
 <meta content="CharsetInput | LcdMenu" property="og:title"/>
 <meta content="CharsetInput | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="KeyboardAdapter.html" rel="next" title="KeyboardAdapter"/>
-<link href="SSD1803A_I2C.html" rel="prev" title="SSD1803A_I2C"/>
+<link href="SimpleRotary.html" rel="next" title="SimpleRotary"/>
+<link href="ItemBack.html" rel="prev" title="ItemBack"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -270,16 +281,16 @@ <h1>CharsetInput<a class="headerlink" href="#charsetinput" title="Link to this h
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2C.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        SSD1803A_I2C
+        ItemBack
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
-        KeyboardAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotary.html">
+        SimpleRotary
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -304,7 +315,7 @@ <h1>CharsetInput<a class="headerlink" href="#charsetinput" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/InputRotary.html b/reference/samples/InputRotary.html
index 7393ad80..f8b899e2 100644
--- a/reference/samples/InputRotary.html
+++ b/reference/samples/InputRotary.html
@@ -11,15 +11,15 @@
 <meta content="InputRotary | LcdMenu" property="og:title"/>
 <meta content="InputRotary | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="RTOS.html" rel="next" title="RTOS"/>
-<link href="KeyboardAdapter.html" rel="prev" title="KeyboardAdapter"/>
+<link href="IntFloatValues.html" rel="next" title="IntFloatValues"/>
+<link href="SubMenu.html" rel="prev" title="SubMenu"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -284,16 +295,16 @@ <h1>InputRotary<a class="headerlink" href="#inputrotary" title="Link to this hea
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SubMenu.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        KeyboardAdapter
+        SubMenu
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="RTOS.html">
-        RTOS
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="IntFloatValues.html">
+        IntFloatValues
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -318,7 +329,7 @@ <h1>InputRotary<a class="headerlink" href="#inputrotary" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/IntFloatValues.html b/reference/samples/IntFloatValues.html
index 3f999de2..a675e4c3 100644
--- a/reference/samples/IntFloatValues.html
+++ b/reference/samples/IntFloatValues.html
@@ -11,15 +11,15 @@
 <meta content="IntFloatValues | LcdMenu" property="og:title"/>
 <meta content="IntFloatValues | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="Callbacks.html" rel="next" title="Callbacks"/>
-<link href="Basic.html" rel="prev" title="Basic"/>
+<link href="Widgets.html" rel="next" title="Widgets"/>
+<link href="InputRotary.html" rel="prev" title="InputRotary"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -218,13 +229,13 @@
 <div id="content" role="main">
 <section id="intfloatvalues">
 <h1>IntFloatValues<a class="headerlink" href="#intfloatvalues" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
-<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemFloatRange.h&gt;</span>
-</span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemIntRange.h&gt;</span>
-</span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
-</span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
-</span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;display/LiquidCrystal_I2CAdapter.h&gt;</span>
-</span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/KeyboardAdapter.h&gt;</span>
-</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemWidget.h&gt;</span>
+</span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
+</span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
+</span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;display/LiquidCrystal_I2CAdapter.h&gt;</span>
+</span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/KeyboardAdapter.h&gt;</span>
+</span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
+</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetRange.h&gt;</span>
 </span><span id="line-8"><span class="linenos"> 8</span>
 </span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#define LCD_ROWS 2</span>
 </span><span id="line-10"><span class="linenos">10</span><span class="cp">#define LCD_COLS 16</span>
@@ -237,53 +248,59 @@ <h1>IntFloatValues<a class="headerlink" href="#intfloatvalues" title="Link to th
 </span><span id="line-17"><span class="linenos">17</span><span class="c1">// clang-format off</span>
 </span><span id="line-18"><span class="linenos">18</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
 </span><span id="line-19"><span class="linenos">19</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Con"</span><span class="p">),</span>
-</span><span id="line-20"><span class="linenos">20</span><span class="w">    </span><span class="n">ITEM_INT_RANGE</span><span class="p">(</span><span class="s">"Dist"</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="n">callbackInt</span><span class="p">,</span><span class="w"> </span><span class="s">"%02dm"</span><span class="p">),</span>
-</span><span id="line-21"><span class="linenos">21</span><span class="w">    </span><span class="n">ITEM_FLOAT_RANGE</span><span class="p">(</span><span class="s">"Curr"</span><span class="p">,</span><span class="w"> </span><span class="mf">-1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">-1.0f</span><span class="p">,</span><span class="w"> </span><span class="n">callbackFloat</span><span class="p">,</span><span class="w"> </span><span class="s">"%.2fmA"</span><span class="p">,</span><span class="w"> </span><span class="mf">0.01f</span><span class="p">),</span>
-</span><span id="line-22"><span class="linenos">22</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink SOS"</span><span class="p">),</span>
-</span><span id="line-23"><span class="linenos">23</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink random"</span><span class="p">));</span>
-</span><span id="line-24"><span class="linenos">24</span><span class="c1">// clang-format on</span>
-</span><span id="line-25"><span class="linenos">25</span>
-</span><span id="line-26"><span class="linenos">26</span><span class="c1">// Construct the LcdMenu</span>
-</span><span id="line-27"><span class="linenos">27</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-28"><span class="linenos">28</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">LiquidCrystal_I2CAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">),</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-29"><span class="linenos">29</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
-</span><span id="line-30"><span class="linenos">30</span><span class="n">KeyboardAdapter</span><span class="w"> </span><span class="nf">keyboard</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Serial</span><span class="p">);</span>
+</span><span id="line-20"><span class="linenos">20</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-21"><span class="linenos">21</span><span class="w">        </span><span class="s">"Dist"</span><span class="p">,</span>
+</span><span id="line-22"><span class="linenos">22</span><span class="w">        </span><span class="n">callbackInt</span><span class="p">,</span>
+</span><span id="line-23"><span class="linenos">23</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="mi">200</span><span class="p">,</span><span class="w"> </span><span class="s">"%dm"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)),</span>
+</span><span id="line-24"><span class="linenos">24</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-25"><span class="linenos">25</span><span class="w">        </span><span class="s">"Curr"</span><span class="p">,</span>
+</span><span id="line-26"><span class="linenos">26</span><span class="w">        </span><span class="n">callbackFloat</span><span class="p">,</span>
+</span><span id="line-27"><span class="linenos">27</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mf">-1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">0.01f</span><span class="p">,</span><span class="w"> </span><span class="mf">-1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">1.0f</span><span class="p">,</span><span class="w"> </span><span class="s">"%.2fmA"</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">)),</span>
+</span><span id="line-28"><span class="linenos">28</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink SOS"</span><span class="p">),</span>
+</span><span id="line-29"><span class="linenos">29</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink random"</span><span class="p">));</span>
+</span><span id="line-30"><span class="linenos">30</span><span class="c1">// clang-format on</span>
 </span><span id="line-31"><span class="linenos">31</span>
-</span><span id="line-32"><span class="linenos">32</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-33"><span class="linenos">33</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
-</span><span id="line-34"><span class="linenos">34</span><span class="w">    </span><span class="c1">// Initialize LcdMenu with the menu items</span>
-</span><span id="line-35"><span class="linenos">35</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
-</span><span id="line-36"><span class="linenos">36</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
-</span><span id="line-37"><span class="linenos">37</span><span class="p">}</span>
-</span><span id="line-38"><span class="linenos">38</span>
-</span><span id="line-39"><span class="linenos">39</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-40"><span class="linenos">40</span><span class="w">    </span><span class="n">keyboard</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
-</span><span id="line-41"><span class="linenos">41</span><span class="p">}</span>
-</span><span id="line-42"><span class="linenos">42</span>
-</span><span id="line-43"><span class="linenos">43</span><span class="kt">void</span><span class="w"> </span><span class="nf">callbackInt</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-44"><span class="linenos">44</span><span class="w">    </span><span class="c1">// do something with the integer value</span>
-</span><span id="line-45"><span class="linenos">45</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
-</span><span id="line-46"><span class="linenos">46</span><span class="p">}</span>
-</span><span id="line-47"><span class="linenos">47</span>
-</span><span id="line-48"><span class="linenos">48</span><span class="kt">void</span><span class="w"> </span><span class="nf">callbackFloat</span><span class="p">(</span><span class="kt">float</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-49"><span class="linenos">49</span><span class="w">    </span><span class="c1">// do something with the float value</span>
-</span><span id="line-50"><span class="linenos">50</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
-</span><span id="line-51"><span class="linenos">51</span><span class="p">}</span>
+</span><span id="line-32"><span class="linenos">32</span><span class="c1">// Construct the LcdMenu</span>
+</span><span id="line-33"><span class="linenos">33</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-34"><span class="linenos">34</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">LiquidCrystal_I2CAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">),</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-35"><span class="linenos">35</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
+</span><span id="line-36"><span class="linenos">36</span><span class="n">KeyboardAdapter</span><span class="w"> </span><span class="nf">keyboard</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Serial</span><span class="p">);</span>
+</span><span id="line-37"><span class="linenos">37</span>
+</span><span id="line-38"><span class="linenos">38</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-39"><span class="linenos">39</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
+</span><span id="line-40"><span class="linenos">40</span><span class="w">    </span><span class="c1">// Initialize LcdMenu with the menu items</span>
+</span><span id="line-41"><span class="linenos">41</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-42"><span class="linenos">42</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
+</span><span id="line-43"><span class="linenos">43</span><span class="p">}</span>
+</span><span id="line-44"><span class="linenos">44</span>
+</span><span id="line-45"><span class="linenos">45</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-46"><span class="linenos">46</span><span class="w">    </span><span class="n">keyboard</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
+</span><span id="line-47"><span class="linenos">47</span><span class="p">}</span>
+</span><span id="line-48"><span class="linenos">48</span>
+</span><span id="line-49"><span class="linenos">49</span><span class="kt">void</span><span class="w"> </span><span class="nf">callbackInt</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-50"><span class="linenos">50</span><span class="w">    </span><span class="c1">// do something with the integer value</span>
+</span><span id="line-51"><span class="linenos">51</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+</span><span id="line-52"><span class="linenos">52</span><span class="p">}</span>
+</span><span id="line-53"><span class="linenos">53</span>
+</span><span id="line-54"><span class="linenos">54</span><span class="kt">void</span><span class="w"> </span><span class="nf">callbackFloat</span><span class="p">(</span><span class="kt">float</span><span class="w"> </span><span class="n">value</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-55"><span class="linenos">55</span><span class="w">    </span><span class="c1">// do something with the float value</span>
+</span><span id="line-56"><span class="linenos">56</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">value</span><span class="p">);</span>
+</span><span id="line-57"><span class="linenos">57</span><span class="p">}</span>
 </span></code></pre></div>
 </div>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Basic.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="InputRotary.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        Basic
+        InputRotary
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Callbacks.html">
-        Callbacks
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Widgets.html">
+        Widgets
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -308,7 +325,7 @@ <h1>IntFloatValues<a class="headerlink" href="#intfloatvalues" title="Link to th
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/ItemBack.html b/reference/samples/ItemBack.html
index e60568c9..4155bf98 100644
--- a/reference/samples/ItemBack.html
+++ b/reference/samples/ItemBack.html
@@ -11,15 +11,15 @@
 <meta content="ItemBack | LcdMenu" property="og:title"/>
 <meta content="ItemBack | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="SimpleInput.html" rel="next" title="SimpleInput"/>
-<link href="index.html" rel="prev" title="Code samples"/>
+<link href="CharsetInput.html" rel="next" title="CharsetInput"/>
+<link href="RTOS.html" rel="prev" title="RTOS"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -268,16 +279,16 @@ <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading">
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="index.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="RTOS.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        Code samples
+        RTOS
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleInput.html">
-        SimpleInput
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharsetInput.html">
+        CharsetInput
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -302,7 +313,7 @@ <h1>ItemBack<a class="headerlink" href="#itemback" title="Link to this heading">
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/KeyboardAdapter.html b/reference/samples/KeyboardAdapter.html
index 9c14dd21..8af3e2c2 100644
--- a/reference/samples/KeyboardAdapter.html
+++ b/reference/samples/KeyboardAdapter.html
@@ -11,15 +11,15 @@
 <meta content="KeyboardAdapter | LcdMenu" property="og:title"/>
 <meta content="KeyboardAdapter | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="InputRotary.html" rel="next" title="InputRotary"/>
-<link href="CharsetInput.html" rel="prev" title="CharsetInput"/>
+<link href="ButtonWithRotaryAdapter.html" rel="next" title="ButtonWithRotaryAdapter"/>
+<link href="SimpleInput.html" rel="prev" title="SimpleInput"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -269,16 +280,16 @@ <h1>KeyboardAdapter<a class="headerlink" href="#keyboardadapter" title="Link to
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharsetInput.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleInput.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        CharsetInput
+        SimpleInput
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="InputRotary.html">
-        InputRotary
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonWithRotaryAdapter.html">
+        ButtonWithRotaryAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -303,7 +314,7 @@ <h1>KeyboardAdapter<a class="headerlink" href="#keyboardadapter" title="Link to
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/List.html b/reference/samples/List.html
index bde5a77f..7ae32dbb 100644
--- a/reference/samples/List.html
+++ b/reference/samples/List.html
@@ -11,15 +11,15 @@
 <meta content="List | LcdMenu" property="og:title"/>
 <meta content="List | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="../api/index.html" rel="next" title="API reference"/>
-<link href="Callbacks.html" rel="prev" title="Callbacks"/>
+<link href="ViewShifting.html" rel="next" title="ViewShifting"/>
+<link href="Widgets.html" rel="prev" title="Widgets"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2 current"><a class="current reference internal" href="#">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -218,80 +229,68 @@
 <div id="content" role="main">
 <section id="list">
 <h1>List<a class="headerlink" href="#list" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
-<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemList.h&gt;</span>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemWidget.h&gt;</span>
 </span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
 </span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
 </span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;display/LiquidCrystal_I2CAdapter.h&gt;</span>
 </span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/KeyboardAdapter.h&gt;</span>
 </span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
-</span><span id="line-7"><span class="linenos"> 7</span>
-</span><span id="line-8"><span class="linenos"> 8</span><span class="cp">#define LCD_ROWS 2</span>
-</span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#define LCD_COLS 16</span>
-</span><span id="line-10"><span class="linenos">10</span>
-</span><span id="line-11"><span class="linenos">11</span><span class="c1">// Declare the callbacks</span>
-</span><span id="line-12"><span class="linenos">12</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
-</span><span id="line-13"><span class="linenos">13</span><span class="kt">void</span><span class="w"> </span><span class="nf">numsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
+</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetList.h&gt;</span>
+</span><span id="line-8"><span class="linenos"> 8</span>
+</span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#define LCD_ROWS 2</span>
+</span><span id="line-10"><span class="linenos">10</span><span class="cp">#define LCD_COLS 16</span>
+</span><span id="line-11"><span class="linenos">11</span>
+</span><span id="line-12"><span class="linenos">12</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
+</span><span id="line-13"><span class="linenos">13</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">nums</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="mi">7</span><span class="p">,</span><span class="w"> </span><span class="mi">9</span><span class="p">,</span><span class="w"> </span><span class="mi">12</span><span class="p">,</span><span class="w"> </span><span class="mi">32</span><span class="p">};</span>
 </span><span id="line-14"><span class="linenos">14</span>
-</span><span id="line-15"><span class="linenos">15</span><span class="c1">// Declare the array</span>
-</span><span id="line-16"><span class="linenos">16</span><span class="k">extern</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="n">colors</span><span class="p">[];</span>
-</span><span id="line-17"><span class="linenos">17</span><span class="c1">// Initialize the array</span>
-</span><span id="line-18"><span class="linenos">18</span><span class="n">String</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
-</span><span id="line-19"><span class="linenos">19</span>
-</span><span id="line-20"><span class="linenos">20</span><span class="c1">// Declare the array</span>
-</span><span id="line-21"><span class="linenos">21</span><span class="k">extern</span><span class="w"> </span><span class="n">String</span><span class="w"> </span><span class="n">nums</span><span class="p">[];</span>
-</span><span id="line-22"><span class="linenos">22</span><span class="c1">// Initialize the array</span>
-</span><span id="line-23"><span class="linenos">23</span><span class="n">String</span><span class="w"> </span><span class="n">nums</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"5"</span><span class="p">,</span><span class="w"> </span><span class="s">"7"</span><span class="p">,</span><span class="w"> </span><span class="s">"9"</span><span class="p">,</span><span class="w"> </span><span class="s">"12"</span><span class="p">,</span><span class="w"> </span><span class="s">"32"</span><span class="p">};</span>
-</span><span id="line-24"><span class="linenos">24</span>
-</span><span id="line-25"><span class="linenos">25</span><span class="c1">// Initialize the main menu items</span>
-</span><span id="line-26"><span class="linenos">26</span><span class="c1">// clang-format off</span>
-</span><span id="line-27"><span class="linenos">27</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
-</span><span id="line-28"><span class="linenos">28</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"List demo"</span><span class="p">),</span>
-</span><span id="line-29"><span class="linenos">29</span><span class="w">    </span><span class="n">ITEM_STRING_LIST</span><span class="p">(</span><span class="s">"Col"</span><span class="p">,</span><span class="w"> </span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="mi">8</span><span class="p">,</span><span class="w"> </span><span class="n">colorsCallback</span><span class="p">),</span>
-</span><span id="line-30"><span class="linenos">30</span><span class="w">    </span><span class="n">ITEM_STRING_LIST</span><span class="p">(</span><span class="s">"Num"</span><span class="p">,</span><span class="w"> </span><span class="n">nums</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="n">numsCallback</span><span class="p">),</span>
-</span><span id="line-31"><span class="linenos">31</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Example"</span><span class="p">));</span>
-</span><span id="line-32"><span class="linenos">32</span><span class="c1">// clang-format on</span>
-</span><span id="line-33"><span class="linenos">33</span>
-</span><span id="line-34"><span class="linenos">34</span><span class="c1">// Construct the LcdMenu</span>
-</span><span id="line-35"><span class="linenos">35</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-36"><span class="linenos">36</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">LiquidCrystal_I2CAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">),</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-37"><span class="linenos">37</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
-</span><span id="line-38"><span class="linenos">38</span><span class="n">KeyboardAdapter</span><span class="w"> </span><span class="nf">keyboard</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Serial</span><span class="p">);</span>
-</span><span id="line-39"><span class="linenos">39</span>
-</span><span id="line-40"><span class="linenos">40</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-41"><span class="linenos">41</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
-</span><span id="line-42"><span class="linenos">42</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
-</span><span id="line-43"><span class="linenos">43</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
-</span><span id="line-44"><span class="linenos">44</span><span class="p">}</span>
-</span><span id="line-45"><span class="linenos">45</span>
-</span><span id="line-46"><span class="linenos">46</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-47"><span class="linenos">47</span><span class="w">    </span><span class="n">keyboard</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
-</span><span id="line-48"><span class="linenos">48</span><span class="p">}</span>
-</span><span id="line-49"><span class="linenos">49</span>
-</span><span id="line-50"><span class="linenos">50</span><span class="c1">// Define the callbacks</span>
-</span><span id="line-51"><span class="linenos">51</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-52"><span class="linenos">52</span><span class="w">    </span><span class="c1">// do something with the index</span>
-</span><span id="line-53"><span class="linenos">53</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="n">pos</span><span class="p">]);</span>
-</span><span id="line-54"><span class="linenos">54</span><span class="p">}</span>
-</span><span id="line-55"><span class="linenos">55</span>
-</span><span id="line-56"><span class="linenos">56</span><span class="kt">void</span><span class="w"> </span><span class="nf">numsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-57"><span class="linenos">57</span><span class="w">    </span><span class="c1">// do something with the index</span>
-</span><span id="line-58"><span class="linenos">58</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">nums</span><span class="p">[</span><span class="n">pos</span><span class="p">]);</span>
-</span><span id="line-59"><span class="linenos">59</span><span class="p">}</span>
+</span><span id="line-15"><span class="linenos">15</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">NUMS_COUNT</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">nums</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">nums</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span><span id="line-16"><span class="linenos">16</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span><span id="line-17"><span class="linenos">17</span>
+</span><span id="line-18"><span class="linenos">18</span><span class="c1">// Initialize the main menu items</span>
+</span><span id="line-19"><span class="linenos">19</span><span class="c1">// clang-format off</span>
+</span><span id="line-20"><span class="linenos">20</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
+</span><span id="line-21"><span class="linenos">21</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"List demo"</span><span class="p">),</span>
+</span><span id="line-22"><span class="linenos">22</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-23"><span class="linenos">23</span><span class="w">        </span><span class="s">"Color"</span><span class="p">,</span>
+</span><span id="line-24"><span class="linenos">24</span><span class="w">        </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">color</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">color</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-25"><span class="linenos">25</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span><span id="line-26"><span class="linenos">26</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-27"><span class="linenos">27</span><span class="w">        </span><span class="s">"Num"</span><span class="p">,</span>
+</span><span id="line-28"><span class="linenos">28</span><span class="w">        </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">num</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">num</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-29"><span class="linenos">29</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">nums</span><span class="p">,</span><span class="w"> </span><span class="n">NUMS_COUNT</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span><span id="line-30"><span class="linenos">30</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Example"</span><span class="p">));</span>
+</span><span id="line-31"><span class="linenos">31</span><span class="c1">// clang-format on</span>
+</span><span id="line-32"><span class="linenos">32</span>
+</span><span id="line-33"><span class="linenos">33</span><span class="c1">// Construct the LcdMenu</span>
+</span><span id="line-34"><span class="linenos">34</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-35"><span class="linenos">35</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="k">new</span><span class="w"> </span><span class="n">LiquidCrystal_I2CAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">),</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-36"><span class="linenos">36</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
+</span><span id="line-37"><span class="linenos">37</span><span class="n">KeyboardAdapter</span><span class="w"> </span><span class="nf">keyboard</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Serial</span><span class="p">);</span>
+</span><span id="line-38"><span class="linenos">38</span>
+</span><span id="line-39"><span class="linenos">39</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-40"><span class="linenos">40</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
+</span><span id="line-41"><span class="linenos">41</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-42"><span class="linenos">42</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
+</span><span id="line-43"><span class="linenos">43</span><span class="p">}</span>
+</span><span id="line-44"><span class="linenos">44</span>
+</span><span id="line-45"><span class="linenos">45</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-46"><span class="linenos">46</span><span class="w">    </span><span class="n">keyboard</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
+</span><span id="line-47"><span class="linenos">47</span><span class="p">}</span>
 </span></code></pre></div>
 </div>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Callbacks.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Widgets.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        Callbacks
+        Widgets
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="../api/index.html">
-        API reference
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ViewShifting.html">
+        ViewShifting
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -316,7 +315,7 @@ <h1>List<a class="headerlink" href="#list" title="Link to this heading"><svg hei
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/MenuTimeout.html b/reference/samples/MenuTimeout.html
index 4fb29b01..873fe7e8 100644
--- a/reference/samples/MenuTimeout.html
+++ b/reference/samples/MenuTimeout.html
@@ -11,15 +11,15 @@
 <meta content="MenuTimeout | LcdMenu" property="og:title"/>
 <meta content="MenuTimeout | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ButtonWithRotaryAdapter.html" rel="next" title="ButtonWithRotaryAdapter"/>
-<link href="SimpleInput.html" rel="prev" title="SimpleInput"/>
+<link href="Callbacks.html" rel="next" title="Callbacks"/>
+<link href="ButtonWithRotaryAdapter.html" rel="prev" title="ButtonWithRotaryAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -263,16 +274,16 @@ <h1>MenuTimeout<a class="headerlink" href="#menutimeout" title="Link to this hea
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleInput.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonWithRotaryAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        SimpleInput
+        ButtonWithRotaryAdapter
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonWithRotaryAdapter.html">
-        ButtonWithRotaryAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Callbacks.html">
+        Callbacks
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -297,7 +308,7 @@ <h1>MenuTimeout<a class="headerlink" href="#menutimeout" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/RTOS.html b/reference/samples/RTOS.html
index 81c52fa6..426130c8 100644
--- a/reference/samples/RTOS.html
+++ b/reference/samples/RTOS.html
@@ -11,15 +11,15 @@
 <meta content="RTOS | LcdMenu" property="og:title"/>
 <meta content="RTOS | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ViewShifting.html" rel="next" title="ViewShifting"/>
-<link href="InputRotary.html" rel="prev" title="InputRotary"/>
+<link href="ItemBack.html" rel="next" title="ItemBack"/>
+<link href="SSD1803A_I2C.html" rel="prev" title="SSD1803A_I2C"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -243,17 +254,17 @@ <h1>RTOS<a class="headerlink" href="#rtos" title="Link to this heading"><svg hei
 </span><span id="line-23"><span class="linenos"> 23</span>
 </span><span id="line-24"><span class="linenos"> 24</span><span class="c1">// Relay 1 Toggle</span>
 </span><span id="line-25"><span class="linenos"> 25</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleRelay1</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-26"><span class="linenos"> 26</span><span class="w">    </span><span class="n">printLog</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay1State"</span><span class="p">));</span>
+</span><span id="line-26"><span class="linenos"> 26</span><span class="w">    </span><span class="n">LOG</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay1State"</span><span class="p">));</span>
 </span><span id="line-27"><span class="linenos"> 27</span><span class="p">}</span>
 </span><span id="line-28"><span class="linenos"> 28</span>
 </span><span id="line-29"><span class="linenos"> 29</span><span class="c1">// Relay 2 Toggle</span>
 </span><span id="line-30"><span class="linenos"> 30</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleRelay2</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-31"><span class="linenos"> 31</span><span class="w">    </span><span class="n">printLog</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay2State"</span><span class="p">));</span>
+</span><span id="line-31"><span class="linenos"> 31</span><span class="w">    </span><span class="n">LOG</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay2State"</span><span class="p">));</span>
 </span><span id="line-32"><span class="linenos"> 32</span><span class="p">}</span>
 </span><span id="line-33"><span class="linenos"> 33</span>
 </span><span id="line-34"><span class="linenos"> 34</span><span class="c1">// Relay 3 Toggle</span>
 </span><span id="line-35"><span class="linenos"> 35</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleRelay3</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-36"><span class="linenos"> 36</span><span class="w">    </span><span class="n">printLog</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay3State"</span><span class="p">));</span>
+</span><span id="line-36"><span class="linenos"> 36</span><span class="w">    </span><span class="n">LOG</span><span class="p">(</span><span class="n">F</span><span class="p">(</span><span class="s">"relay3State"</span><span class="p">));</span>
 </span><span id="line-37"><span class="linenos"> 37</span><span class="p">}</span>
 </span><span id="line-38"><span class="linenos"> 38</span>
 </span><span id="line-39"><span class="linenos"> 39</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
@@ -335,16 +346,16 @@ <h1>RTOS<a class="headerlink" href="#rtos" title="Link to this heading"><svg hei
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="InputRotary.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2C.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        InputRotary
+        SSD1803A_I2C
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ViewShifting.html">
-        ViewShifting
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
+        ItemBack
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -369,7 +380,7 @@ <h1>RTOS<a class="headerlink" href="#rtos" title="Link to this heading"><svg hei
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/SSD1803A_I2C.html b/reference/samples/SSD1803A_I2C.html
index 65cc2448..55430d24 100644
--- a/reference/samples/SSD1803A_I2C.html
+++ b/reference/samples/SSD1803A_I2C.html
@@ -11,15 +11,15 @@
 <meta content="SSD1803A_I2C | LcdMenu" property="og:title"/>
 <meta content="SSD1803A_I2C | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="CharsetInput.html" rel="next" title="CharsetInput"/>
-<link href="ButtonWithRotaryAdapter.html" rel="prev" title="ButtonWithRotaryAdapter"/>
+<link href="RTOS.html" rel="next" title="RTOS"/>
+<link href="ViewShifting.html" rel="prev" title="ViewShifting"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -256,16 +267,16 @@ <h1>SSD1803A_I2C<a class="headerlink" href="#ssd1803a-i2c" title="Link to this h
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonWithRotaryAdapter.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ViewShifting.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ButtonWithRotaryAdapter
+        ViewShifting
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharsetInput.html">
-        CharsetInput
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="RTOS.html">
+        RTOS
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -290,7 +301,7 @@ <h1>SSD1803A_I2C<a class="headerlink" href="#ssd1803a-i2c" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/SimpleInput.html b/reference/samples/SimpleInput.html
index a14f0834..2c28fb05 100644
--- a/reference/samples/SimpleInput.html
+++ b/reference/samples/SimpleInput.html
@@ -11,15 +11,15 @@
 <meta content="SimpleInput | LcdMenu" property="og:title"/>
 <meta content="SimpleInput | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="MenuTimeout.html" rel="next" title="MenuTimeout"/>
-<link href="ItemBack.html" rel="prev" title="ItemBack"/>
+<link href="KeyboardAdapter.html" rel="next" title="KeyboardAdapter"/>
+<link href="SimpleRotary.html" rel="prev" title="SimpleRotary"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -266,16 +277,16 @@ <h1>SimpleInput<a class="headerlink" href="#simpleinput" title="Link to this hea
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotary.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ItemBack
+        SimpleRotary
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="MenuTimeout.html">
-        MenuTimeout
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="KeyboardAdapter.html">
+        KeyboardAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -300,7 +311,7 @@ <h1>SimpleInput<a class="headerlink" href="#simpleinput" title="Link to this hea
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/SimpleRotary.html b/reference/samples/SimpleRotary.html
index e0197724..062fba3c 100644
--- a/reference/samples/SimpleRotary.html
+++ b/reference/samples/SimpleRotary.html
@@ -11,15 +11,15 @@
 <meta content="SimpleRotary | LcdMenu" property="og:title"/>
 <meta content="SimpleRotary | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ButtonAdapter.html" rel="next" title="ButtonAdapter"/>
-<link href="SubMenu.html" rel="prev" title="SubMenu"/>
+<link href="SimpleInput.html" rel="next" title="SimpleInput"/>
+<link href="CharsetInput.html" rel="prev" title="CharsetInput"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -218,78 +229,82 @@
 <div id="content" role="main">
 <section id="simplerotary">
 <h1>SimpleRotary<a class="headerlink" href="#simplerotary" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
-<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemIntRange.h&gt;</span>
-</span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemList.h&gt;</span>
-</span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemToggle.h&gt;</span>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemList.h&gt;</span>
+</span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemToggle.h&gt;</span>
+</span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemWidget.h&gt;</span>
 </span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
 </span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
 </span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;SimpleRotary.h&gt;</span>
 </span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;display/LiquidCrystal_I2CAdapter.h&gt;</span>
 </span><span id="line-8"><span class="linenos"> 8</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/SimpleRotaryAdapter.h&gt;</span>
 </span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
-</span><span id="line-10"><span class="linenos">10</span>
-</span><span id="line-11"><span class="linenos">11</span><span class="cp">#define LCD_ROWS 2</span>
-</span><span id="line-12"><span class="linenos">12</span><span class="cp">#define LCD_COLS 16</span>
-</span><span id="line-13"><span class="linenos">13</span>
-</span><span id="line-14"><span class="linenos">14</span><span class="c1">// Declare the callbacks</span>
-</span><span id="line-15"><span class="linenos">15</span><span class="kt">void</span><span class="w"> </span><span class="nf">callback</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
-</span><span id="line-16"><span class="linenos">16</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
-</span><span id="line-17"><span class="linenos">17</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">);</span>
-</span><span id="line-18"><span class="linenos">18</span>
-</span><span id="line-19"><span class="linenos">19</span><span class="n">String</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
-</span><span id="line-20"><span class="linenos">20</span>
-</span><span id="line-21"><span class="linenos">21</span><span class="c1">// clang-format off</span>
-</span><span id="line-22"><span class="linenos">22</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
-</span><span id="line-23"><span class="linenos">23</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Connect to WiFi"</span><span class="p">),</span>
-</span><span id="line-24"><span class="linenos">24</span><span class="w">    </span><span class="n">ITEM_STRING_LIST</span><span class="p">(</span><span class="s">"Color"</span><span class="p">,</span><span class="w"> </span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="mi">8</span><span class="p">,</span><span class="w"> </span><span class="n">colorsCallback</span><span class="p">),</span>
-</span><span id="line-25"><span class="linenos">25</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink SOS"</span><span class="p">),</span>
-</span><span id="line-26"><span class="linenos">26</span><span class="w">    </span><span class="n">ITEM_INT_RANGE</span><span class="p">(</span><span class="s">"Dist"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="n">callback</span><span class="p">,</span><span class="w"> </span><span class="s">"%dm"</span><span class="p">),</span>
-</span><span id="line-27"><span class="linenos">27</span><span class="w">    </span><span class="n">ITEM_TOGGLE</span><span class="p">(</span><span class="s">"Backlight"</span><span class="p">,</span><span class="w"> </span><span class="n">toggleBacklight</span><span class="p">),</span>
-</span><span id="line-28"><span class="linenos">28</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink random"</span><span class="p">));</span>
-</span><span id="line-29"><span class="linenos">29</span><span class="c1">// clang-format on</span>
-</span><span id="line-30"><span class="linenos">30</span>
-</span><span id="line-31"><span class="linenos">31</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-32"><span class="linenos">32</span><span class="n">LiquidCrystal_I2CAdapter</span><span class="w"> </span><span class="nf">lcdAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">);</span>
-</span><span id="line-33"><span class="linenos">33</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcdAdapter</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
-</span><span id="line-34"><span class="linenos">34</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
-</span><span id="line-35"><span class="linenos">35</span><span class="n">SimpleRotary</span><span class="w"> </span><span class="nf">encoder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">);</span>
-</span><span id="line-36"><span class="linenos">36</span><span class="n">SimpleRotaryAdapter</span><span class="w"> </span><span class="nf">rotaryInput</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">encoder</span><span class="p">);</span>
-</span><span id="line-37"><span class="linenos">37</span>
-</span><span id="line-38"><span class="linenos">38</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-39"><span class="linenos">39</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
-</span><span id="line-40"><span class="linenos">40</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
-</span><span id="line-41"><span class="linenos">41</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
-</span><span id="line-42"><span class="linenos">42</span><span class="p">}</span>
-</span><span id="line-43"><span class="linenos">43</span>
-</span><span id="line-44"><span class="linenos">44</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">rotaryInput</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span><span class="w"> </span><span class="p">}</span>
+</span><span id="line-10"><span class="linenos">10</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetList.h&gt;</span>
+</span><span id="line-11"><span class="linenos">11</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetRange.h&gt;</span>
+</span><span id="line-12"><span class="linenos">12</span>
+</span><span id="line-13"><span class="linenos">13</span><span class="cp">#define LCD_ROWS 2</span>
+</span><span id="line-14"><span class="linenos">14</span><span class="cp">#define LCD_COLS 16</span>
+</span><span id="line-15"><span class="linenos">15</span>
+</span><span id="line-16"><span class="linenos">16</span><span class="c1">// Declare the callbacks</span>
+</span><span id="line-17"><span class="linenos">17</span><span class="kt">void</span><span class="w"> </span><span class="nf">callback</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">pos</span><span class="p">);</span>
+</span><span id="line-18"><span class="linenos">18</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">);</span>
+</span><span id="line-19"><span class="linenos">19</span>
+</span><span id="line-20"><span class="linenos">20</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">colors</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Red"</span><span class="p">,</span><span class="w"> </span><span class="s">"Green"</span><span class="p">,</span><span class="w"> </span><span class="s">"Blue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Orange"</span><span class="p">,</span><span class="w"> </span><span class="s">"Aqua"</span><span class="p">,</span><span class="w"> </span><span class="s">"Yellow"</span><span class="p">,</span><span class="w"> </span><span class="s">"Purple"</span><span class="p">,</span><span class="w"> </span><span class="s">"Pink"</span><span class="p">};</span>
+</span><span id="line-21"><span class="linenos">21</span><span class="k">static</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="mi">0</span><span class="p">]);</span>
+</span><span id="line-22"><span class="linenos">22</span>
+</span><span id="line-23"><span class="linenos">23</span><span class="c1">// clang-format off</span>
+</span><span id="line-24"><span class="linenos">24</span><span class="n">MENU_SCREEN</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">,</span><span class="w"> </span><span class="n">mainItems</span><span class="p">,</span>
+</span><span id="line-25"><span class="linenos">25</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Connect to WiFi"</span><span class="p">),</span>
+</span><span id="line-26"><span class="linenos">26</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-27"><span class="linenos">27</span><span class="w">        </span><span class="s">"Color"</span><span class="p">,</span>
+</span><span id="line-28"><span class="linenos">28</span><span class="w">        </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">color</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">color</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-29"><span class="linenos">29</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">colors</span><span class="p">,</span><span class="w"> </span><span class="n">COLORS_COUNT</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">)),</span>
+</span><span id="line-30"><span class="linenos">30</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink SOS"</span><span class="p">),</span>
+</span><span id="line-31"><span class="linenos">31</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-32"><span class="linenos">32</span><span class="w">        </span><span class="s">"Dist"</span><span class="p">,</span>
+</span><span id="line-33"><span class="linenos">33</span><span class="w">        </span><span class="n">callback</span><span class="p">,</span>
+</span><span id="line-34"><span class="linenos">34</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">50</span><span class="p">,</span><span class="w"> </span><span class="s">"%dm"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span><span id="line-35"><span class="linenos">35</span><span class="w">    </span><span class="n">ITEM_TOGGLE</span><span class="p">(</span><span class="s">"Backlight"</span><span class="p">,</span><span class="w"> </span><span class="n">toggleBacklight</span><span class="p">),</span>
+</span><span id="line-36"><span class="linenos">36</span><span class="w">    </span><span class="n">ITEM_BASIC</span><span class="p">(</span><span class="s">"Blink random"</span><span class="p">));</span>
+</span><span id="line-37"><span class="linenos">37</span><span class="c1">// clang-format on</span>
+</span><span id="line-38"><span class="linenos">38</span>
+</span><span id="line-39"><span class="linenos">39</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="mh">0x27</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-40"><span class="linenos">40</span><span class="n">LiquidCrystal_I2CAdapter</span><span class="w"> </span><span class="nf">lcdAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">);</span>
+</span><span id="line-41"><span class="linenos">41</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcdAdapter</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-42"><span class="linenos">42</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
+</span><span id="line-43"><span class="linenos">43</span><span class="n">SimpleRotary</span><span class="w"> </span><span class="nf">encoder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="mi">4</span><span class="p">);</span>
+</span><span id="line-44"><span class="linenos">44</span><span class="n">SimpleRotaryAdapter</span><span class="w"> </span><span class="nf">rotaryInput</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">encoder</span><span class="p">);</span>
 </span><span id="line-45"><span class="linenos">45</span>
-</span><span id="line-46"><span class="linenos">46</span><span class="c1">// Define the callbacks</span>
-</span><span id="line-47"><span class="linenos">47</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-48"><span class="linenos">48</span><span class="w">    </span><span class="n">lcdAdapter</span><span class="p">.</span><span class="n">setBacklight</span><span class="p">(</span><span class="n">isOn</span><span class="p">);</span>
-</span><span id="line-49"><span class="linenos">49</span><span class="p">}</span>
-</span><span id="line-50"><span class="linenos">50</span>
-</span><span id="line-51"><span class="linenos">51</span><span class="kt">void</span><span class="w"> </span><span class="nf">callback</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-52"><span class="linenos">52</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">pos</span><span class="p">);</span>
-</span><span id="line-53"><span class="linenos">53</span><span class="p">}</span>
-</span><span id="line-54"><span class="linenos">54</span>
-</span><span id="line-55"><span class="linenos">55</span><span class="kt">void</span><span class="w"> </span><span class="nf">colorsCallback</span><span class="p">(</span><span class="kt">uint8_t</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
-</span><span id="line-56"><span class="linenos">56</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">colors</span><span class="p">[</span><span class="n">pos</span><span class="p">]);</span>
+</span><span id="line-46"><span class="linenos">46</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-47"><span class="linenos">47</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
+</span><span id="line-48"><span class="linenos">48</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-49"><span class="linenos">49</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
+</span><span id="line-50"><span class="linenos">50</span><span class="p">}</span>
+</span><span id="line-51"><span class="linenos">51</span>
+</span><span id="line-52"><span class="linenos">52</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">rotaryInput</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span><span class="w"> </span><span class="p">}</span>
+</span><span id="line-53"><span class="linenos">53</span>
+</span><span id="line-54"><span class="linenos">54</span><span class="c1">// Define the callbacks</span>
+</span><span id="line-55"><span class="linenos">55</span><span class="kt">void</span><span class="w"> </span><span class="nf">toggleBacklight</span><span class="p">(</span><span class="kt">bool</span><span class="w"> </span><span class="n">isOn</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-56"><span class="linenos">56</span><span class="w">    </span><span class="n">lcdAdapter</span><span class="p">.</span><span class="n">setBacklight</span><span class="p">(</span><span class="n">isOn</span><span class="p">);</span>
 </span><span id="line-57"><span class="linenos">57</span><span class="p">}</span>
+</span><span id="line-58"><span class="linenos">58</span>
+</span><span id="line-59"><span class="linenos">59</span><span class="kt">void</span><span class="w"> </span><span class="nf">callback</span><span class="p">(</span><span class="kt">int</span><span class="w"> </span><span class="n">pos</span><span class="p">)</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-60"><span class="linenos">60</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">pos</span><span class="p">);</span>
+</span><span id="line-61"><span class="linenos">61</span><span class="p">}</span>
 </span></code></pre></div>
 </div>
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SubMenu.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="CharsetInput.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        SubMenu
+        CharsetInput
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonAdapter.html">
-        ButtonAdapter
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleInput.html">
+        SimpleInput
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -314,7 +329,7 @@ <h1>SimpleRotary<a class="headerlink" href="#simplerotary" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/SubMenu.html b/reference/samples/SubMenu.html
index af7dfe89..e2fe9fff 100644
--- a/reference/samples/SubMenu.html
+++ b/reference/samples/SubMenu.html
@@ -11,15 +11,15 @@
 <meta content="SubMenu | LcdMenu" property="og:title"/>
 <meta content="SubMenu | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="SimpleRotary.html" rel="next" title="SimpleRotary"/>
-<link href="ViewShifting.html" rel="prev" title="ViewShifting"/>
+<link href="InputRotary.html" rel="next" title="InputRotary"/>
+<link href="Basic.html" rel="prev" title="Basic"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -278,16 +289,16 @@ <h1>SubMenu<a class="headerlink" href="#submenu" title="Link to this heading"><s
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ViewShifting.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="Basic.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        ViewShifting
+        Basic
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SimpleRotary.html">
-        SimpleRotary
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="InputRotary.html">
+        InputRotary
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -312,7 +323,7 @@ <h1>SubMenu<a class="headerlink" href="#submenu" title="Link to this heading"><s
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/ViewShifting.html b/reference/samples/ViewShifting.html
index 21123f75..73ca71f9 100644
--- a/reference/samples/ViewShifting.html
+++ b/reference/samples/ViewShifting.html
@@ -11,15 +11,15 @@
 <meta content="ViewShifting | LcdMenu" property="og:title"/>
 <meta content="ViewShifting | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="SubMenu.html" rel="next" title="SubMenu"/>
-<link href="RTOS.html" rel="prev" title="RTOS"/>
+<link href="SSD1803A_I2C.html" rel="next" title="SSD1803A_I2C"/>
+<link href="List.html" rel="prev" title="List"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2 current"><a class="current reference internal" href="#">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -259,16 +270,16 @@ <h1>ViewShifting<a class="headerlink" href="#viewshifting" title="Link to this h
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="RTOS.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="List.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        RTOS
+        List
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SubMenu.html">
-        SubMenu
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="SSD1803A_I2C.html">
+        SSD1803A_I2C
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -293,7 +304,7 @@ <h1>ViewShifting<a class="headerlink" href="#viewshifting" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/samples/Widgets.html b/reference/samples/Widgets.html
new file mode 100644
index 00000000..015348aa
--- /dev/null
+++ b/reference/samples/Widgets.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+
+<html :class="{'dark': darkMode === 'dark' || (darkMode === 'system' &amp;&amp; window.matchMedia('(prefers-color-scheme: dark)').matches)}" class="scroll-smooth" data-content_root="../../" lang="en" x-data="{ darkMode: localStorage.getItem('darkMode') || localStorage.setItem('darkMode', 'system'), activeSection: '' }" x-init="$watch('darkMode', val =&gt; localStorage.setItem('darkMode', val))">
+<head>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<meta charset="utf-8"/>
+<meta content="white" media="(prefers-color-scheme: light)" name="theme-color"/>
+<meta content="black" media="(prefers-color-scheme: dark)" name="theme-color"/>
+<meta content="width=device-width, initial-scale=1" name="viewport"/>
+<title>Widgets | LcdMenu</title>
+<meta content="Widgets | LcdMenu" property="og:title"/>
+<meta content="Widgets | LcdMenu" name="twitter:title"/>
+<link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
+<link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
+<link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
+<link href="../../_static/favicon.png" rel="icon"/>
+<link href="../../search.html" rel="search" title="Search"/>
+<link href="../../genindex.html" rel="index" title="Index"/>
+<link href="List.html" rel="next" title="List"/>
+<link href="IntFloatValues.html" rel="prev" title="IntFloatValues"/>
+<script>
+    <!-- Prevent Flash of wrong theme -->
+      const userPreference = localStorage.getItem('darkMode');
+      let mode;
+      if (userPreference === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        mode = 'dark';
+        document.documentElement.classList.add('dark');
+      } else {
+        mode = 'light';
+      }
+      if (!userPreference) {localStorage.setItem('darkMode', mode)}
+    </script>
+</head>
+<body :class="{ 'overflow-hidden': showSidebar }" @scroll.window="showScrollTop = pageYOffset &gt; 100" class="min-h-screen font-sans antialiased bg-background text-foreground" x-data="{ showSidebar: false, showScrollTop: false }">
+<div @click.self="showSidebar = false" class="fixed inset-0 z-50 overflow-hidden bg-background/80 backdrop-blur-sm md:hidden" x-cloak="" x-show="showSidebar"></div><div class="relative flex flex-col min-h-screen" id="page"><a class="absolute top-0 left-0 z-[100] block bg-background p-4 text-xl transition -translate-x-full opacity-0 focus:translate-x-0 focus:opacity-100" href="#content">
+      Skip to content
+    </a><header class="sticky top-0 z-40 w-full border-b shadow-sm border-border supports-backdrop-blur:bg-background/60 bg-background/95 backdrop-blur"><div class="container flex items-center h-14">
+<div class="hidden mr-4 md:flex">
+<a class="flex items-center mr-6" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="24" src="../../_static/logo-dark.png" width="24"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="24" src="../../_static/logo-light.png" width="24"/><span class="hidden font-bold sm:inline-block text-clip whitespace-nowrap">LcdMenu</span>
+</a><nav class="flex items-center space-x-6 text-sm font-medium">
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../../index.html">Docs</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../changelog.html">Changelog</a>
+<a class="transition-colors hover:text-foreground/80 text-foreground/60" href="../license.html">License</a>
+</nav></div><button @click="showSidebar = true" class="inline-flex items-center justify-center h-10 px-0 py-2 mr-2 text-base font-medium transition-colors rounded-md hover:text-accent-foreground hover:bg-transparent md:hidden" type="button">
+<svg aria-hidden="true" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M152.587 825.087q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440Zm0-203.587q-19.152 0-32.326-13.174T107.087 576q0-19.152 13.174-32.326t32.326-13.174h320q19.152 0 32.326 13.174T518.087 576q0 19.152-13.174 32.326T472.587 621.5h-320Zm0-203.587q-19.152 0-32.326-13.174t-13.174-32.326q0-19.152 13.174-32.326t32.326-13.174h440q19.152 0 32.326 13.174t13.174 32.326q0 19.152-13.174 32.326t-32.326 13.174h-440ZM708.913 576l112.174 112.174q12.674 12.674 12.674 31.826t-12.674 31.826Q808.413 764.5 789.261 764.5t-31.826-12.674l-144-144Q600 594.391 600 576t13.435-31.826l144-144q12.674-12.674 31.826-12.674t31.826 12.674q12.674 12.674 12.674 31.826t-12.674 31.826L708.913 576Z"></path>
+</svg>
+<span class="sr-only">Toggle navigation menu</span>
+</button>
+<div class="flex items-center justify-between flex-1 space-x-2 sm:space-x-4 md:justify-end">
+<div class="flex-1 w-full md:w-auto md:flex-none"><form @keydown.k.window.meta="$refs.search.focus()" action="../../search.html" class="relative flex items-center group" id="searchbox" method="get">
+<input aria-label="Search the docs" class="inline-flex items-center font-medium transition-colors bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background border border-input hover:bg-accent focus:bg-accent hover:text-accent-foreground focus:text-accent-foreground hover:placeholder-accent-foreground py-2 px-4 relative h-9 w-full justify-start rounded-[0.5rem] text-sm text-muted-foreground sm:pr-12 md:w-40 lg:w-64" id="search-input" name="q" placeholder="Search ..." type="search" x-ref="search"/>
+<kbd class="pointer-events-none absolute right-1.5 top-2 hidden h-5 select-none text-muted-foreground items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex group-hover:bg-accent group-hover:text-accent-foreground">
+<span class="text-xs">⌘</span>
+    K
+  </kbd>
+</form>
+</div>
+<nav class="flex items-center space-x-1">
+<a href="https://forntoh.dev" rel="noopener nofollow" title="Visit about the author">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg height="24px" style="margin-top:-2px;display:inline" viewbox="0 0 16 14"><path d="M0 5h9v4H0zM0 10h4v4H0zM0 0h16v4H0zM10 5h4v9h-4z" fill="currentColor"></path></svg>
+</div>
+</a>
+<a href="https://github.com/forntoh/LcdMenu" rel="noopener nofollow" title="Visit repository on GitHub">
+<div class="inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md disabled:opacity-50 disabled:pointer-events-none hover:bg-accent hover:text-accent-foreground h-9 w-9">
+<svg fill="currentColor" height="26px" style="margin-top:-2px;display:inline" viewbox="0 0 45 44" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M22.477.927C10.485.927.76 10.65.76 22.647c0 9.596 6.223 17.736 14.853 20.608 1.087.2 1.483-.47 1.483-1.047 0-.516-.019-1.881-.03-3.693-6.04 1.312-7.315-2.912-7.315-2.912-.988-2.51-2.412-3.178-2.412-3.178-1.972-1.346.149-1.32.149-1.32 2.18.154 3.327 2.24 3.327 2.24 1.937 3.318 5.084 2.36 6.321 1.803.197-1.403.759-2.36 1.379-2.903-4.823-.548-9.894-2.412-9.894-10.734 0-2.37.847-4.31 2.236-5.828-.224-.55-.969-2.759.214-5.748 0 0 1.822-.584 5.972 2.226 1.732-.482 3.59-.722 5.437-.732 1.845.01 3.703.25 5.437.732 4.147-2.81 5.967-2.226 5.967-2.226 1.185 2.99.44 5.198.217 5.748 1.392 1.517 2.232 3.457 2.232 5.828 0 8.344-5.078 10.18-9.916 10.717.779.67 1.474 1.996 1.474 4.021 0 2.904-.027 5.247-.027 5.96 0 .58.392 1.256 1.493 1.044C37.981 40.375 44.2 32.24 44.2 22.647c0-11.996-9.726-21.72-21.722-21.72" fill="currentColor" fill-rule="evenodd"></path></svg>
+</div>
+</a>
+<button @click="darkMode = darkMode === 'light' ? 'dark' : 'light'" aria-label="Color theme switcher" class="relative inline-flex items-center justify-center px-0 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground h-9 w-9" type="button">
+<svg class="absolute transition-all scale-100 rotate-0 dark:-rotate-90 dark:scale-0" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 685q45.456 0 77.228-31.772Q589 621.456 589 576q0-45.456-31.772-77.228Q525.456 467 480 467q-45.456 0-77.228 31.772Q371 530.544 371 576q0 45.456 31.772 77.228Q434.544 685 480 685Zm0 91q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 621.5q-19.152 0-32.326-13.174T34.5 576q0-19.152 13.174-32.326T80 530.5h80q19.152 0 32.326 13.174T205.5 576q0 19.152-13.174 32.326T160 621.5H80Zm720 0q-19.152 0-32.326-13.174T754.5 576q0-19.152 13.174-32.326T800 530.5h80q19.152 0 32.326 13.174T925.5 576q0 19.152-13.174 32.326T880 621.5h-80Zm-320-320q-19.152 0-32.326-13.174T434.5 256v-80q0-19.152 13.174-32.326T480 130.5q19.152 0 32.326 13.174T525.5 176v80q0 19.152-13.174 32.326T480 301.5Zm0 720q-19.152 0-32.326-13.17Q434.5 995.152 434.5 976v-80q0-19.152 13.174-32.326T480 850.5q19.152 0 32.326 13.174T525.5 896v80q0 19.152-13.174 32.33-13.174 13.17-32.326 13.17ZM222.174 382.065l-43-42Q165.5 327.391 166 308.239t13.174-33.065q13.435-13.674 32.587-13.674t32.065 13.674l42.239 43q12.674 13.435 12.555 31.706-.12 18.272-12.555 31.946-12.674 13.674-31.445 13.413-18.772-.261-32.446-13.174Zm494 494.761-42.239-43q-12.674-13.435-12.674-32.087t12.674-31.565Q686.609 756.5 705.38 757q18.772.5 32.446 13.174l43 41.761Q794.5 824.609 794 843.761t-13.174 33.065Q767.391 890.5 748.239 890.5t-32.065-13.674Zm-42-494.761Q660.5 369.391 661 350.62q.5-18.772 13.174-32.446l41.761-43Q728.609 261.5 747.761 262t33.065 13.174q13.674 13.435 13.674 32.587t-13.674 32.065l-43 42.239q-13.435 12.674-31.706 12.555-18.272-.12-31.946-12.555Zm-495 494.761Q165.5 863.391 165.5 844.239t13.674-32.065l43-42.239q13.435-12.674 32.087-12.674t31.565 12.674Q299.5 782.609 299 801.38q-.5 18.772-13.174 32.446l-41.761 43Q231.391 890.5 212.239 890t-33.065-13.174ZM480 576Z"></path>
+</svg>
+<svg class="absolute transition-all scale-0 rotate-90 dark:rotate-0 dark:scale-100" fill="currentColor" height="24" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 936q-151 0-255.5-104.5T120 576q0-138 90-239.5T440 218q25-3 39 18t-1 44q-17 26-25.5 55t-8.5 61q0 90 63 153t153 63q31 0 61.5-9t54.5-25q21-14 43-1.5t19 39.5q-14 138-117.5 229T480 936Zm0-80q88 0 158-48.5T740 681q-20 5-40 8t-40 3q-123 0-209.5-86.5T364 396q0-20 3-40t8-40q-78 32-126.5 102T200 576q0 116 82 198t198 82Zm-10-270Z"></path>
+</svg>
+</button>
+</nav>
+</div>
+</div>
+</header>
+<div class="flex-1"><div class="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10"><aside :aria-hidden="!showSidebar" :class="{ 'translate-x-0': showSidebar }" class="fixed inset-y-0 left-0 md:top-14 z-50 md:z-30 bg-background md:bg-transparent transition-all duration-100 -translate-x-full md:translate-x-0 ml-0 p-6 md:p-0 md:-ml-2 md:h-[calc(100vh-3.5rem)] w-5/6 md:w-full shrink-0 overflow-y-auto border-r border-border md:sticky" id="left-sidebar">
+<a class="!justify-start text-sm md:!hidden bg-background" href="../../index.html">
+<img alt="Logo" class="mr-2 hidden dark:block" height="16" src="../../_static/logo-dark.png" width="16"/>
+<img alt="Logo" class="mr-2 dark:hidden" height="16" src="../../_static/logo-light.png" width="16"/><span class="font-bold text-clip whitespace-nowrap">LcdMenu</span>
+</a>
+<div class="relative overflow-hidden md:overflow-auto my-4 md:my-0 h-[calc(100vh-8rem)] md:h-auto">
+<div class="overflow-y-auto h-full w-full relative pr-6"><nav class="flex md:hidden flex-col font-medium mt-4">
+<a href="../../index.html">Docs</a>
+<a href="../changelog.html">Changelog</a>
+<a href="../license.html">License</a>
+</nav><nav class="table w-full min-w-full my-6 lg:my-8">
+<p class="caption" role="heading"><span class="caption-text">Overview</span></p>
+<ul>
+<li class="toctree-l1"><a class="reference internal" href="../../overview/getting-started.html">Getting started</a></li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/items/index.html">Item overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/basic.html">Basic menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/command.html">Command menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/submenu.html">Sub-menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/list.html">List menu item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/range.html">Range item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input.html">Input item</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/control/rotary-encoder.html">Rotary Encoder Adapter</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/rendering/index.html">Rendering the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/rendering/character-display.html">Character display renderer</a></li>
+</ul>
+</li>
+</ul>
+<p class="caption" role="heading"><span class="caption-text">Reference</span></p>
+<ul class="current">
+<li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul class="current" x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
+<li class="toctree-l2 current"><a class="current reference internal" href="#">Widgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+</ul>
+</li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
+</ul>
+</li>
+<li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../migration/index.html">Migration</a></li>
+<li class="toctree-l1"><a class="reference internal" href="../faq.html">FAQ</a></li>
+</ul>
+</nav><hr style="border-color: hsl(var(--border));"/>
+<div class="flex flex-col gap-4 my-8">
+<div class="star-on-github">
+<a aria-label="Star forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-star" data-show-count="true" data-size="large" href="https://github.com/forntoh/LcdMenu">
+      Star on GitHub
+    </a>
+</div>
+<div class="edit-on-github">
+<a aria-label="Edit forntoh/LcdMenu on GitHub" class="github-button" data-icon="octicon-pencil" data-size="large" href="https://github.com/forntoh/LcdMenu/edit/master/docs/source/reference/samples/Widgets.rst" target="_blank">
+      Edit on GitHub
+    </a>
+</div>
+</div>
+<script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
+</div>
+</div>
+<button @click="showSidebar = false" class="absolute md:hidden right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100" type="button">
+<svg class="h-4 w-4" fill="currentColor" height="24" stroke="none" viewbox="0 96 960 960" width="24" xmlns="http://www.w3.org/2000/svg">
+<path d="M480 632 284 828q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536 576l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480 632Z"></path>
+</svg>
+</button>
+</aside>
+<main class="relative py-6 lg:gap-10 lg:py-8 xl:grid xl:grid-cols-[1fr_300px]">
+<div class="w-full min-w-0 mx-auto">
+<div class="flex-col gap-4 md:flex-row mb-4 hidden md:flex">
+<a href="https://www.ardu-badge.com/LcdMenu">
+<img alt="Arduino Library Badge" src="https://www.ardu-badge.com/badge/LcdMenu.svg"/>
+</a>
+<a href="https://registry.platformio.org/libraries/forntoh/LcdMenu">
+<img alt="PlatformIO Badge" src="https://badges.registry.platformio.org/packages/forntoh/library/LcdMenu.svg"/>
+</a>
+<a href="">
+<img alt="Check Runs Badge" src="https://img.shields.io/github/check-runs/forntoh/LcdMenu/master?logo=githubactions&amp;logoColor=%23ffffff"/>
+</a>
+<a href="">
+<img alt="Documentation Status Badge" src="https://img.shields.io/github/actions/workflow/status/forntoh/LcdMenu/docs.yml?label=docs&amp;logo=google%20docs&amp;logoColor=%23efefef"/>
+</a>
+<a href="https://github.com/forntoh/LcdMenu/commits/master">
+<img alt="GitHub Commits Badge" src="https://img.shields.io/github/commits-since/forntoh/LcdMenu/latest?color=yellow&amp;logo=semanticrelease"/>
+</a>
+</div>
+<hr class="docutils mb-4 hidden md:flex" style="border-color: hsl(var(--border));"/>
+<nav aria-label="breadcrumbs" class="flex items-center mb-4 space-x-1 text-sm text-muted-foreground">
+<a class="overflow-hidden text-ellipsis whitespace-nowrap hover:text-foreground" href="../../index.html">
+<span class="hidden md:inline">LcdMenu</span>
+<svg aria-label="Home" class="md:hidden" fill="currentColor" height="18" stroke="none" viewbox="0 96 960 960" width="18" xmlns="http://www.w3.org/2000/svg">
+<path d="M240 856h120V616h240v240h120V496L480 316 240 496v360Zm-80 80V456l320-240 320 240v480H520V696h-80v240H160Zm320-350Z"></path>
+</svg>
+</a>
+<div class="mr-1">/</div><a class="hover:text-foreground overflow-hidden text-ellipsis whitespace-nowrap" href="index.html">Code samples</a>
+<div class="mr-1">/</div><span aria-current="page" class="font-medium text-foreground overflow-hidden text-ellipsis whitespace-nowrap">Widgets</span>
+</nav>
+<div id="content" role="main">
+<section id="widgets">
+<h1>Widgets<a class="headerlink" href="#widgets" title="Link to this heading"><svg height="1em" viewbox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a></h1>
+<div class="highlight-cpp notranslate"><div class="highlight"><pre><span></span><code><span id="line-1"><span class="linenos"> 1</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;ItemWidget.h&gt;</span>
+</span><span id="line-2"><span class="linenos"> 2</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;LcdMenu.h&gt;</span>
+</span><span id="line-3"><span class="linenos"> 3</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;MenuScreen.h&gt;</span>
+</span><span id="line-4"><span class="linenos"> 4</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;display/LiquidCrystal_I2CAdapter.h&gt;</span>
+</span><span id="line-5"><span class="linenos"> 5</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;input/KeyboardAdapter.h&gt;</span>
+</span><span id="line-6"><span class="linenos"> 6</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;renderer/CharacterDisplayRenderer.h&gt;</span>
+</span><span id="line-7"><span class="linenos"> 7</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetBool.h&gt;</span>
+</span><span id="line-8"><span class="linenos"> 8</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetList.h&gt;</span>
+</span><span id="line-9"><span class="linenos"> 9</span><span class="cp">#include</span><span class="w"> </span><span class="cpf">&lt;widget/WidgetRange.h&gt;</span>
+</span><span id="line-10"><span class="linenos">10</span>
+</span><span id="line-11"><span class="linenos">11</span><span class="cp">#define LCD_ROWS 2</span>
+</span><span id="line-12"><span class="linenos">12</span><span class="cp">#define LCD_COLS 16</span>
+</span><span id="line-13"><span class="linenos">13</span><span class="cp">#define LCD_ADDR 0x27</span>
+</span><span id="line-14"><span class="linenos">14</span>
+</span><span id="line-15"><span class="linenos">15</span><span class="c1">// Custom characters</span>
+</span><span id="line-16"><span class="linenos">16</span><span class="n">byte</span><span class="w"> </span><span class="n">plusMinus</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="n">B00000</span><span class="p">,</span><span class="w"> </span><span class="n">B00100</span><span class="p">,</span><span class="w"> </span><span class="n">B01110</span><span class="p">,</span><span class="w"> </span><span class="n">B00100</span><span class="p">,</span><span class="w"> </span><span class="n">B00000</span><span class="p">,</span><span class="w"> </span><span class="n">B01110</span><span class="p">,</span><span class="w"> </span><span class="n">B00000</span><span class="p">,</span><span class="w"> </span><span class="n">B00000</span><span class="p">};</span><span class="w">  </span><span class="c1">// ±</span>
+</span><span id="line-17"><span class="linenos">17</span><span class="n">byte</span><span class="w"> </span><span class="n">euro</span><span class="p">[</span><span class="mi">8</span><span class="p">]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="n">B00111</span><span class="p">,</span><span class="w"> </span><span class="n">B01000</span><span class="p">,</span><span class="w"> </span><span class="n">B11110</span><span class="p">,</span><span class="w"> </span><span class="n">B01000</span><span class="p">,</span><span class="w"> </span><span class="n">B11110</span><span class="p">,</span><span class="w"> </span><span class="n">B01000</span><span class="p">,</span><span class="w"> </span><span class="n">B00111</span><span class="p">,</span><span class="w"> </span><span class="n">B00000</span><span class="p">};</span><span class="w">       </span><span class="c1">// €</span>
+</span><span id="line-18"><span class="linenos">18</span>
+</span><span id="line-19"><span class="linenos">19</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">options</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Buy"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sell"</span><span class="p">};</span>
+</span><span id="line-20"><span class="linenos">20</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">days</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">{</span><span class="s">"Mon"</span><span class="p">,</span><span class="w"> </span><span class="s">"Tue"</span><span class="p">,</span><span class="w"> </span><span class="s">"Wed"</span><span class="p">,</span><span class="w"> </span><span class="s">"Thu"</span><span class="p">,</span><span class="w"> </span><span class="s">"Fri"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sat"</span><span class="p">,</span><span class="w"> </span><span class="s">"Sun"</span><span class="p">};</span>
+</span><span id="line-21"><span class="linenos">21</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">pinChars</span><span class="p">[]</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="s">"123456789ABCDEF"</span><span class="p">;</span>
+</span><span id="line-22"><span class="linenos">22</span>
+</span><span id="line-23"><span class="linenos">23</span><span class="n">MENU_SCREEN</span><span class="p">(</span>
+</span><span id="line-24"><span class="linenos">24</span><span class="w">    </span><span class="n">mainScreen</span><span class="p">,</span>
+</span><span id="line-25"><span class="linenos">25</span><span class="w">    </span><span class="n">mainItems</span><span class="p">,</span>
+</span><span id="line-26"><span class="linenos">26</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-27"><span class="linenos">27</span><span class="w">        </span><span class="s">"Auto"</span><span class="p">,</span>
+</span><span id="line-28"><span class="linenos">28</span><span class="w">        </span><span class="p">[](</span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">option</span><span class="p">,</span><span class="w"> </span><span class="kt">bool</span><span class="w"> </span><span class="n">isAuto</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">option</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">isAuto</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-29"><span class="linenos">29</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">options</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">options</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">options</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">"%s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-30"><span class="linenos">30</span><span class="w">        </span><span class="n">WIDGET_BOOL</span><span class="p">(</span><span class="nb">false</span><span class="p">,</span><span class="w"> </span><span class="s">"Yes"</span><span class="p">,</span><span class="w"> </span><span class="s">"No"</span><span class="p">,</span><span class="w"> </span><span class="s">",%s"</span><span class="p">)),</span>
+</span><span id="line-31"><span class="linenos">31</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-32"><span class="linenos">32</span><span class="w">        </span><span class="s">"Price"</span><span class="p">,</span>
+</span><span id="line-33"><span class="linenos">33</span><span class="w">        </span><span class="p">[](</span><span class="kt">int</span><span class="w"> </span><span class="n">price</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">price</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-34"><span class="linenos">34</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">5</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1000</span><span class="p">,</span><span class="w"> </span><span class="s">"%.1d</span><span class="se">\003</span><span class="s">"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)),</span>
+</span><span id="line-35"><span class="linenos">35</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-36"><span class="linenos">36</span><span class="w">        </span><span class="s">"Quantity"</span><span class="p">,</span>
+</span><span id="line-37"><span class="linenos">37</span><span class="w">        </span><span class="p">[](</span><span class="kt">float</span><span class="w"> </span><span class="n">quantity</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">tolerance</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">quantity</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">tolerance</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-38"><span class="linenos">38</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mf">1.0f</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1f</span><span class="p">,</span><span class="w"> </span><span class="mf">0.1f</span><span class="p">,</span><span class="w"> </span><span class="mf">100.0f</span><span class="p">,</span><span class="w"> </span><span class="s">"%.1f"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">),</span>
+</span><span id="line-39"><span class="linenos">39</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">100</span><span class="p">,</span><span class="w"> </span><span class="s">"</span><span class="se">\002</span><span class="s">%d%%"</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">)),</span>
+</span><span id="line-40"><span class="linenos">40</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-41"><span class="linenos">41</span><span class="w">        </span><span class="s">"Freq"</span><span class="p">,</span>
+</span><span id="line-42"><span class="linenos">42</span><span class="w">        </span><span class="p">[](</span><span class="kt">int</span><span class="w"> </span><span class="n">hour</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">minute</span><span class="p">,</span><span class="w"> </span><span class="k">const</span><span class="w"> </span><span class="kt">char</span><span class="o">*</span><span class="w"> </span><span class="n">day</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">hour</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">minute</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">day</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-43"><span class="linenos">43</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">23</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-44"><span class="linenos">44</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="mi">59</span><span class="p">,</span><span class="w"> </span><span class="s">":%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">false</span><span class="p">),</span>
+</span><span id="line-45"><span class="linenos">45</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">days</span><span class="p">,</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">)</span><span class="w"> </span><span class="o">/</span><span class="w"> </span><span class="k">sizeof</span><span class="p">(</span><span class="n">days</span><span class="p">[</span><span class="mi">0</span><span class="p">]),</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="s">" on %s"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span><span id="line-46"><span class="linenos">46</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-47"><span class="linenos">47</span><span class="w">        </span><span class="s">"Start"</span><span class="p">,</span>
+</span><span id="line-48"><span class="linenos">48</span><span class="w">        </span><span class="p">[](</span><span class="kt">int</span><span class="w"> </span><span class="n">day</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">month</span><span class="p">,</span><span class="w"> </span><span class="kt">int</span><span class="w"> </span><span class="n">year</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">day</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">month</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">year</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-49"><span class="linenos">49</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">31</span><span class="p">,</span><span class="w"> </span><span class="s">"%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-50"><span class="linenos">50</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">12</span><span class="p">,</span><span class="w"> </span><span class="s">"/%02d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-51"><span class="linenos">51</span><span class="w">        </span><span class="n">WIDGET_RANGE</span><span class="p">(</span><span class="mi">2021</span><span class="p">,</span><span class="w"> </span><span class="mi">1</span><span class="p">,</span><span class="w"> </span><span class="mi">2020</span><span class="p">,</span><span class="w"> </span><span class="mi">2050</span><span class="p">,</span><span class="w"> </span><span class="s">"/%04d"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)),</span>
+</span><span id="line-52"><span class="linenos">52</span><span class="w">    </span><span class="n">ITEM_WIDGET</span><span class="p">(</span>
+</span><span id="line-53"><span class="linenos">53</span><span class="w">        </span><span class="s">"Pin"</span><span class="p">,</span>
+</span><span id="line-54"><span class="linenos">54</span><span class="w">        </span><span class="p">[](</span><span class="kt">char</span><span class="w"> </span><span class="n">d1</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d2</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d3</span><span class="p">,</span><span class="w"> </span><span class="kt">char</span><span class="w"> </span><span class="n">d4</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d1</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d2</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="n">d3</span><span class="p">);</span><span class="w"> </span><span class="n">Serial</span><span class="p">.</span><span class="n">println</span><span class="p">(</span><span class="n">d4</span><span class="p">);</span><span class="w"> </span><span class="p">},</span>
+</span><span id="line-55"><span class="linenos">55</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-56"><span class="linenos">56</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">6</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-57"><span class="linenos">57</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">10</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">),</span>
+</span><span id="line-58"><span class="linenos">58</span><span class="w">        </span><span class="n">WIDGET_LIST</span><span class="p">(</span><span class="n">pinChars</span><span class="p">,</span><span class="w"> </span><span class="n">strlen</span><span class="p">(</span><span class="n">pinChars</span><span class="p">),</span><span class="w"> </span><span class="mi">14</span><span class="p">,</span><span class="w"> </span><span class="s">"%c"</span><span class="p">,</span><span class="w"> </span><span class="mi">0</span><span class="p">,</span><span class="w"> </span><span class="nb">true</span><span class="p">)));</span>
+</span><span id="line-59"><span class="linenos">59</span>
+</span><span id="line-60"><span class="linenos">60</span><span class="n">LiquidCrystal_I2C</span><span class="w"> </span><span class="nf">lcd</span><span class="p">(</span><span class="n">LCD_ADDR</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-61"><span class="linenos">61</span><span class="n">LiquidCrystal_I2CAdapter</span><span class="w"> </span><span class="nf">lcdAdapter</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcd</span><span class="p">);</span>
+</span><span id="line-62"><span class="linenos">62</span><span class="n">CharacterDisplayRenderer</span><span class="w"> </span><span class="nf">renderer</span><span class="p">(</span><span class="o">&amp;</span><span class="n">lcdAdapter</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_COLS</span><span class="p">,</span><span class="w"> </span><span class="n">LCD_ROWS</span><span class="p">);</span>
+</span><span id="line-63"><span class="linenos">63</span><span class="n">LcdMenu</span><span class="w"> </span><span class="nf">menu</span><span class="p">(</span><span class="n">renderer</span><span class="p">);</span>
+</span><span id="line-64"><span class="linenos">64</span><span class="n">KeyboardAdapter</span><span class="w"> </span><span class="nf">keyboard</span><span class="p">(</span><span class="o">&amp;</span><span class="n">menu</span><span class="p">,</span><span class="w"> </span><span class="o">&amp;</span><span class="n">Serial</span><span class="p">);</span>
+</span><span id="line-65"><span class="linenos">65</span>
+</span><span id="line-66"><span class="linenos">66</span><span class="kt">void</span><span class="w"> </span><span class="nf">setup</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-67"><span class="linenos">67</span><span class="w">    </span><span class="n">Serial</span><span class="p">.</span><span class="n">begin</span><span class="p">(</span><span class="mi">9600</span><span class="p">);</span>
+</span><span id="line-68"><span class="linenos">68</span><span class="w">    </span><span class="n">renderer</span><span class="p">.</span><span class="n">begin</span><span class="p">();</span>
+</span><span id="line-69"><span class="linenos">69</span><span class="w">    </span><span class="n">menu</span><span class="p">.</span><span class="n">setScreen</span><span class="p">(</span><span class="n">mainScreen</span><span class="p">);</span>
+</span><span id="line-70"><span class="linenos">70</span><span class="w">    </span><span class="n">lcd</span><span class="p">.</span><span class="n">createChar</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="n">plusMinus</span><span class="p">);</span>
+</span><span id="line-71"><span class="linenos">71</span><span class="w">    </span><span class="n">lcd</span><span class="p">.</span><span class="n">createChar</span><span class="p">(</span><span class="mi">3</span><span class="p">,</span><span class="w"> </span><span class="n">euro</span><span class="p">);</span>
+</span><span id="line-72"><span class="linenos">72</span><span class="p">}</span>
+</span><span id="line-73"><span class="linenos">73</span>
+</span><span id="line-74"><span class="linenos">74</span><span class="kt">void</span><span class="w"> </span><span class="nf">loop</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
+</span><span id="line-75"><span class="linenos">75</span><span class="w">    </span><span class="n">keyboard</span><span class="p">.</span><span class="n">observe</span><span class="p">();</span>
+</span><span id="line-76"><span class="linenos">76</span><span class="p">}</span>
+</span></code></pre></div>
+</div>
+</section>
+</div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
+<div class="mr-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="IntFloatValues.html">
+<svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
+        IntFloatValues
+      </a>
+</div>
+<div class="ml-auto">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="List.html">
+        List
+        <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="9 18 15 12 9 6"></polyline>
+</svg>
+</a>
+</div>
+</div></div>
+</main>
+</div>
+</div><footer class="py-6 border-t border-border md:py-0">
+<div class="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
+<div class="flex flex-col items-center gap-4 px-8 md:flex-row md:gap-2 md:px-0">
+<p class="text-sm leading-loose text-center text-muted-foreground md:text-left">© 2024, Thomas Forntoh </p>
+</div>
+</div>
+</footer>
+</div><button :class="{'opacity-0 invisible' : !showScrollTop}" @click="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-8 right-8 p-2 z-10 rounded-sm bg-gray-700 text-xs text-white transition-all duration-1000 hover:bg-gray-950 focus:bg-gray-950" id="scrolltop" x-cloak="">
+<svg aria-hidden="true" class="inline fill-current mb-[2px]" height="14" viewbox="0 96 960 960" width="14" xmlns="http://www.w3.org/2000/svg">
+<path d="M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z"></path>
+</svg>
+  Back to top
+</button>
+<script src="../../_static/documentation_options.js?v=7f41d439"></script>
+<script src="../../_static/doctools.js?v=9bcbadda"></script>
+<script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
+<script src="../../_static/design-tabs.js?v=f930bc37"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/reference/samples/index.html b/reference/samples/index.html
index a51a1d42..d81378ec 100644
--- a/reference/samples/index.html
+++ b/reference/samples/index.html
@@ -11,14 +11,14 @@
 <meta content="Code samples | LcdMenu" property="og:title"/>
 <meta content="Code samples | LcdMenu" name="twitter:title"/>
 <link href="../../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../../_static/favicon.png" rel="icon"/>
 <link href="../../search.html" rel="search" title="Search"/>
 <link href="../../genindex.html" rel="index" title="Index"/>
-<link href="ItemBack.html" rel="next" title="ItemBack"/>
+<link href="ButtonAdapter.html" rel="next" title="ButtonAdapter"/>
 <link href="../../overview/rendering/character-display.html" rel="prev" title="Character display renderer"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1 current" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="current reference internal expandable" href="#">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="../api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="../uml.html">Class diagram</a></li>
@@ -224,23 +235,24 @@ <h1>Code samples<a class="headerlink" href="#code-samples" title="Link to this h
 <div class="toctree-wrapper compound">
 <p class="caption" role="heading"><span class="caption-text">Code samples</span></p>
 <ul>
-<li class="toctree-l1"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
-<li class="toctree-l1"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l1"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l1"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l1"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l1"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l1"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
-<li class="toctree-l1"><a class="reference internal" href="RTOS.html">RTOS</a></li>
-<li class="toctree-l1"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l1"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
-<li class="toctree-l1"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l1"><a class="reference internal" href="ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l1"><a class="reference internal" href="Basic.html">Basic</a></li>
+<li class="toctree-l1"><a class="reference internal" href="SubMenu.html">SubMenu</a></li>
+<li class="toctree-l1"><a class="reference internal" href="InputRotary.html">InputRotary</a></li>
 <li class="toctree-l1"><a class="reference internal" href="IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l1"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
+<li class="toctree-l1"><a class="reference internal" href="Widgets.html">Widgets</a></li>
 <li class="toctree-l1"><a class="reference internal" href="List.html">List</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l1"><a class="reference internal" href="SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l1"><a class="reference internal" href="RTOS.html">RTOS</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ItemBack.html">ItemBack</a></li>
+<li class="toctree-l1"><a class="reference internal" href="CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l1"><a class="reference internal" href="SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l1"><a class="reference internal" href="SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l1"><a class="reference internal" href="KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l1"><a class="reference internal" href="ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l1"><a class="reference internal" href="MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l1"><a class="reference internal" href="Callbacks.html">Callbacks</a></li>
 </ul>
 </div>
 </hr></section>
@@ -254,8 +266,8 @@ <h1>Code samples<a class="headerlink" href="#code-samples" title="Link to this h
       </a>
 </div>
 <div class="ml-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ItemBack.html">
-        ItemBack
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="ButtonAdapter.html">
+        ButtonAdapter
         <svg class="ml-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="9 18 15 12 9 6"></polyline>
 </svg>
@@ -280,7 +292,7 @@ <h1>Code samples<a class="headerlink" href="#code-samples" title="Link to this h
 <script src="../../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../../_static/doctools.js?v=9bcbadda"></script>
 <script src="../../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../../_static/theme.js?v=073f68d9"></script>
 <script src="../../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/reference/uml.html b/reference/uml.html
index 395e3b21..ec0877d7 100644
--- a/reference/uml.html
+++ b/reference/uml.html
@@ -11,15 +11,15 @@
 <meta content="Class diagram | LcdMenu" property="og:title"/>
 <meta content="Class diagram | LcdMenu" name="twitter:title"/>
 <link href="../_static/pygments.css?v=63e1294f" rel="stylesheet" type="text/css"/>
-<link href="../_static/theme.css?v=edd7d3d2" rel="stylesheet" type="text/css"/>
+<link href="../_static/theme.css?v=42baaae4" rel="stylesheet" type="text/css"/>
 <link href="../_static/sphinx-design.min.css?v=95c83b7e" rel="stylesheet" type="text/css"/>
 <link href="../_static/custom.css" rel="stylesheet" type="text/css"/>
-<link href="../_static/awesome-sphinx-design.css?v=a54cf077" rel="stylesheet" type="text/css"/>
+<link href="../_static/awesome-sphinx-design.css?v=15e0fffa" rel="stylesheet" type="text/css"/>
 <link href="../_static/favicon.png" rel="icon"/>
 <link href="../search.html" rel="search" title="Search"/>
 <link href="../genindex.html" rel="index" title="Index"/>
 <link href="migration/index.html" rel="next" title="Migration"/>
-<link href="api/display/DisplayInterface.html" rel="prev" title="DisplayInterface"/>
+<link href="api/input/SimpleRotaryAdapter.html" rel="prev" title="SimpleRotaryAdapter"/>
 <script>
     <!-- Prevent Flash of wrong theme -->
       const userPreference = localStorage.getItem('darkMode');
@@ -107,6 +107,12 @@
 <li class="toctree-l2"><a class="reference internal" href="../overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../overview/widgets/index.html">Widget overview<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="../overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="../overview/control/index.html">Controlling the menu<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
 <li class="toctree-l2"><a class="reference internal" href="../overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="../overview/control/button.html">Button Adapter</a></li>
@@ -121,42 +127,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul class="current">
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="samples/index.html">Code samples<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1" x-data="{ expanded: $el.classList.contains('current') ? true : false }"><a :class="{ 'expanded' : expanded }" @click="expanded = !expanded" class="reference internal expandable" href="api/index.html">API reference<button @click.prevent.stop="expanded = !expanded" type="button"><span class="sr-only"></span><svg fill="currentColor" height="18px" stroke="none" viewbox="0 0 24 24" width="18px" xmlns="http://www.w3.org/2000/svg"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></svg></button></a><ul x-show="expanded">
-<li class="toctree-l2"><a class="reference internal" href="api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1 current"><a class="current reference internal" href="#">Class diagram</a></li>
@@ -420,11 +431,11 @@ <h1>Class diagram<a class="headerlink" href="#class-diagram" title="Link to this
 </section>
 </div><div class="flex justify-between items-center pt-6 mt-12 border-t border-border gap-4">
 <div class="mr-auto">
-<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="api/display/DisplayInterface.html">
+<a class="inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors border border-input hover:bg-accent hover:text-accent-foreground py-2 px-4" href="api/input/SimpleRotaryAdapter.html">
 <svg class="mr-2 h-4 w-4" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
 <polyline points="15 18 9 12 15 6"></polyline>
 </svg>
-        DisplayInterface
+        SimpleRotaryAdapter
       </a>
 </div>
 <div class="ml-auto">
@@ -454,7 +465,7 @@ <h1>Class diagram<a class="headerlink" href="#class-diagram" title="Link to this
 <script src="../_static/documentation_options.js?v=7f41d439"></script>
 <script src="../_static/doctools.js?v=9bcbadda"></script>
 <script src="../_static/sphinx_highlight.js?v=dc90522c"></script>
-<script defer="defer" src="../_static/theme.js?v=1808ab49"></script>
+<script defer="defer" src="../_static/theme.js?v=073f68d9"></script>
 <script src="../_static/design-tabs.js?v=f930bc37"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/search.html b/search.html
index 1dbc9542..e2fdd73f 100644
--- a/search.html
+++ b/search.html
@@ -16,10 +16,10 @@
     <meta property="og:title" content="Search | LcdMenu" />
     <meta name="twitter:title" content="Search | LcdMenu" />
       <link rel="stylesheet" type="text/css" href="_static/pygments.css?v=63e1294f" />
-      <link rel="stylesheet" type="text/css" href="_static/theme.css?v=edd7d3d2" />
+      <link rel="stylesheet" type="text/css" href="_static/theme.css?v=42baaae4" />
       <link rel="stylesheet" type="text/css" href="_static/sphinx-design.min.css?v=95c83b7e" />
       <link rel="stylesheet" type="text/css" href="_static/custom.css" />
-      <link rel="stylesheet" type="text/css" href="_static/awesome-sphinx-design.css?v=a54cf077" />
+      <link rel="stylesheet" type="text/css" href="_static/awesome-sphinx-design.css?v=15e0fffa" />
       <link rel="icon" href="_static/favicon.png" />
         <link rel="search" title="Search" href="#" />
         <link rel="index" title="Index" href="genindex.html" />
@@ -142,6 +142,12 @@
 <li class="toctree-l2"><a class="reference internal" href="overview/items/input-charset.html">Charset input item</a></li>
 </ul>
 </li>
+<li class="toctree-l1"><a class="reference internal" href="overview/widgets/index.html">Widget overview</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-bool.html">WidgetBool</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-list.html">WidgetList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="overview/widgets/widget-range.html">WidgetRange</a></li>
+</ul>
+</li>
 <li class="toctree-l1"><a class="reference internal" href="overview/control/index.html">Controlling the menu</a><ul>
 <li class="toctree-l2"><a class="reference internal" href="overview/control/keyboard.html">Keyboard Adapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="overview/control/button.html">Button Adapter</a></li>
@@ -156,42 +162,47 @@
 <p class="caption" role="heading"><span class="caption-text">Reference</span></p>
 <ul>
 <li class="toctree-l1"><a class="reference internal" href="reference/samples/index.html">Code samples</a><ul>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonAdapter.html">ButtonAdapter</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/Basic.html">Basic</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SubMenu.html">SubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/InputRotary.html">InputRotary</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/IntFloatValues.html">IntFloatValues</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Widgets.html">Widgets</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/samples/List.html">List</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ViewShifting.html">ViewShifting</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SSD1803A_I2C.html">SSD1803A_I2C</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/RTOS.html">RTOS</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ItemBack.html">ItemBack</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/CharsetInput.html">CharsetInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleRotary.html">SimpleRotary</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/SimpleInput.html">SimpleInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/KeyboardAdapter.html">KeyboardAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/ButtonWithRotaryAdapter.html">ButtonWithRotaryAdapter</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/MenuTimeout.html">MenuTimeout</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/samples/Callbacks.html">Callbacks</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="reference/api/index.html">API reference</a><ul>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/LcdMenu.html">LcdMenu</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemRangeBase.html">ItemRangeBase</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemManyWidgets.html">BaseItemManyWidgets</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/BaseItemZeroWidget.html">BaseItemZeroWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemWidget.html">ItemWidget</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInputCharset.html">ItemInputCharset</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemList.html">ItemList</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemToggle.html">ItemToggle</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemFloatRange.html">ItemFloatRange</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemBack.html">ItemBack</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemIntRange.html">ItemIntRange</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemSubMenu.html">ItemSubMenu</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuScreen.html">MenuScreen</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/ItemCommand.html">ItemCommand</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/ItemInput.html">ItemInput</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/MenuItem.html">MenuItem</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/renderer/index.html">renderer</a></li>
+<li class="toctree-l2"><a class="reference internal" href="reference/api/widget/index.html">widget</a></li>
 <li class="toctree-l2"><a class="reference internal" href="reference/api/input/index.html">input</a></li>
-<li class="toctree-l2"><a class="reference internal" href="reference/api/display/index.html">display</a></li>
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="reference/uml.html">Class diagram</a></li>
@@ -299,7 +310,7 @@
     <script src="_static/documentation_options.js?v=7f41d439"></script>
     <script src="_static/doctools.js?v=9bcbadda"></script>
     <script src="_static/sphinx_highlight.js?v=dc90522c"></script>
-    <script defer="defer" src="_static/theme.js?v=1808ab49"></script>
+    <script defer="defer" src="_static/theme.js?v=073f68d9"></script>
     <script src="_static/design-tabs.js?v=f930bc37"></script>
   
   <script src="_static/searchtools.js" defer></script>
diff --git a/searchindex.js b/searchindex.js
index 9109deb6..1062da02 100644
--- a/searchindex.js
+++ b/searchindex.js
@@ -1 +1 @@
-Search.setIndex({"alltitles": {"API reference": [[35, null], [35, null]], "Basic": [[51, null]], "Basic command item": [[7, "basic-command-item"]], "Basic menu item": [[6, null]], "Breaking Changes": [[44, "breaking-changes"], [44, "id49"]], "Bug Fixes": [[44, "bug-fixes"], [44, "id33"], [44, "id43"]], "Bug Fixes and Improvements": [[44, "bug-fixes-and-improvements"]], "Bug Fixes:": [[44, "id48"]], "Button Adapter": [[1, null]], "ButtonAdapter": [[36, null], [52, null]], "ButtonWithRotaryAdapter": [[53, null]], "Callbacks": [[54, null]], "Changelog": [[44, null]], "Character display renderer": [[14, null]], "CharacterDisplayInterface": [[29, null]], "CharacterDisplayRenderer": [[41, null]], "Charset input item": [[10, null]], "CharsetInput": [[55, null]], "Chore Updates": [[44, "chore-updates"], [44, "id35"], [44, "id50"]], "Class diagram": [[69, null]], "Code samples": [[68, null], [68, null]], "Command menu item": [[7, null]], "Construct the display adapter interface": [[47, "construct-the-display-adapter-interface"], [47, "id2"], [48, "construct-the-display-adapter-interface"], [49, "construct-the-display-adapter-interface"]], "Construct the renderer interface": [[47, "construct-the-renderer-interface"], [50, "construct-the-renderer-interface"]], "Controlling the menu": [[2, null]], "Customizing the character display renderer": [[14, "customizing-the-character-display-renderer"]], "Display interface changes": [[47, "display-interface-changes"], [49, "display-interface-changes"]], "DisplayInterface": [[30, null]], "Documentation Updates": [[44, "documentation-updates"], [44, "id37"]], "Enhancements": [[44, "enhancements"], [44, "id9"], [44, "id17"], [44, "id27"]], "Enhancements:": [[44, "id47"]], "Example": [[7, "example"], [7, "id1"]], "FAQ": [[45, null]], "Finally, initialise the  menu": [[47, "finally-initialise-the-menu"], [48, "finally-initialise-the-menu"]], "Float range": [[12, "float-range"]], "Getting started": [[5, null]], "Here are some of the built-in input adapters that you can use to interact with the menu system:": [[2, null]], "Here are some of the built-in menu items:": [[8, null]], "Hide both the cursor and arrows": [[14, "hide-both-the-cursor-and-arrows"]], "Hide the arrows only": [[14, "hide-the-arrows-only"]], "Hide the cursor only": [[14, "hide-the-cursor-only"]], "How to use the character display renderer": [[14, "how-to-use-the-character-display-renderer"]], "Imports": [[47, "imports"], [47, "id1"], [49, "imports"], [50, "imports"]], "Initialisation of the menu": [[47, "initialisation-of-the-menu"], [49, "initialisation-of-the-menu"]], "Initialise the menu": [[47, "initialise-the-menu"], [49, "initialise-the-menu"]], "Input item": [[9, null]], "InputInterface": [[37, null]], "InputRotary": [[56, null]], "Installation": [[5, "installation"]], "IntFloatValues": [[57, null]], "Integer range": [[12, "integer-range"]], "Item overview": [[8, null]], "ItemBack": [[16, null], [58, null]], "ItemCommand": [[17, null]], "ItemFloatRange": [[18, null]], "ItemInput": [[19, null]], "ItemInputCharset": [[20, null]], "ItemIntRange": [[21, null]], "ItemList": [[22, null]], "ItemRangeBase": [[23, null]], "ItemSubMenu": [[24, null]], "ItemToggle": [[25, null]], "Keyboard Adapter": [[3, null]], "KeyboardAdapter": [[38, null], [59, null]], "LcdMenu": [[26, null]], "LcdMenu 2.1.0": [[44, "lcdmenu-2-1-0"]], "LcdMenu 2.1.1": [[44, "lcdmenu-2-1-1"]], "LcdMenu 2.1.2": [[44, "lcdmenu-2-1-2"]], "LcdMenu 2.1.3": [[44, "lcdmenu-2-1-3"]], "LcdMenu 3.0.0 \ud83d\ude80": [[44, "lcdmenu-3-0-0"]], "LcdMenu 3.0.1": [[44, "lcdmenu-3-0-1"]], "LcdMenu 3.1.0": [[44, "lcdmenu-3-1-0"]], "LcdMenu 3.1.1": [[44, "lcdmenu-3-1-1"]], "LcdMenu 3.2.0": [[44, "lcdmenu-3-2-0"]], "LcdMenu 3.3.0": [[44, "lcdmenu-3-3-0"]], "LcdMenu 3.3.1": [[44, "lcdmenu-3-3-1"]], "LcdMenu 3.3.2": [[44, "lcdmenu-3-3-2"]], "LcdMenu 3.3.3": [[44, "lcdmenu-3-3-3"]], "LcdMenu 3.3.4": [[44, "lcdmenu-3-3-4"]], "LcdMenu 3.4.0": [[44, "lcdmenu-3-4-0"]], "LcdMenu 3.5.0": [[44, "lcdmenu-3-5-0"]], "LcdMenu 3.5.1": [[44, "lcdmenu-3-5-1"]], "LcdMenu 3.5.2": [[44, "lcdmenu-3-5-2"]], "LcdMenu 3.5.3": [[44, "lcdmenu-3-5-3"]], "LcdMenu 3.5.4": [[44, "lcdmenu-3-5-4"]], "LcdMenu 3.5.5": [[44, "lcdmenu-3-5-5"]], "LcdMenu 3.5.6": [[44, "lcdmenu-3-5-6"]], "LcdMenu 4.0.0": [[44, "lcdmenu-4-0-0"]], "LcdMenu initialization changes": [[47, "lcdmenu-initialization-changes"], [50, "lcdmenu-initialization-changes"]], "LcdMenu v4.1.0": [[44, "lcdmenu-v4-1-0"]], "LcdMenu v4.2.0": [[44, "lcdmenu-v4-2-0"]], "LcdMenu v5.0.0": [[44, "lcdmenu-v5-0-0"]], "LcdMenu v5.1.0": [[44, "lcdmenu-v5-1-0"]], "LcdMenu v5.2.0": [[44, "lcdmenu-v5-2-0"]], "LcdMenu v5.3.0": [[44, "lcdmenu-v5-3-0"]], "LcdMenu v5.3.1": [[44, "lcdmenu-v5-3-1"]], "License": [[46, null]], "LiquidCrystalAdapter": [[31, null]], "LiquidCrystal_I2CAdapter": [[32, null]], "List": [[60, null]], "List menu item": [[11, null]], "Menu control changes": [[47, "menu-control-changes"], [49, "menu-control-changes"]], "Menu creation changes": [[47, "menu-creation-changes"], [49, "menu-creation-changes"]], "MenuItem": [[27, null]], "MenuRenderer": [[42, null]], "MenuScreen": [[28, null]], "MenuTimeout": [[61, null]], "Migration": [[47, null]], "Migration from v3.x to v4.x": [[47, "migration-from-v3-x-to-v4-x"], [48, null]], "Migration from v4.x.x to v5.0.0": [[47, "migration-from-v4-x-x-to-v5-0-0"], [49, null]], "Migration from v5.0.0 to v5.1.x": [[47, "migration-from-v5-0-0-to-v5-1-x"], [50, null]], "New Features": [[44, "new-features"], [44, "id6"], [44, "id15"], [44, "id20"], [44, "id40"]], "New Features \u2b50\ufe0f": [[44, "id46"]], "New imports": [[47, "new-imports"], [48, "new-imports"]], "Other changes": [[47, "other-changes"], [48, "other-changes"]], "RTOS": [[62, null]], "Range item": [[12, null]], "Rendering the menu": [[15, null]], "Rotary Encoder Adapter": [[4, null]], "SSD1803A_I2C": [[63, null]], "SSD1803A_I2CAdapter": [[33, null]], "Setup changes": [[47, "setup-changes"], [50, "setup-changes"]], "SimpleInput": [[64, null]], "SimpleRotary": [[65, null]], "SimpleRotaryAdapter": [[39, null]], "Sub-menu item": [[13, null]], "SubMenu": [[66, null]], "The library comes with the following built-in renderers:": [[15, null]], "Toggle menu item": [[7, "toggle-menu-item"]], "Usage": [[5, "usage"]], "Use custom cursor characters": [[14, "use-custom-cursor-characters"]], "ViewShifting": [[67, null]], "Welcome to the LcdMenu Docs!": [[0, null]], "What\u2019s Changed": [[44, "what-s-changed"]], "display": [[34, null], [34, null]], "input": [[40, null], [40, null]], "renderer": [[43, null], [43, null]]}, "docnames": ["index", "overview/control/button", "overview/control/index", "overview/control/keyboard", "overview/control/rotary-encoder", "overview/getting-started", "overview/items/basic", "overview/items/command", "overview/items/index", "overview/items/input", "overview/items/input-charset", "overview/items/list", "overview/items/range", "overview/items/submenu", "overview/rendering/character-display", "overview/rendering/index", "reference/api/ItemBack", "reference/api/ItemCommand", "reference/api/ItemFloatRange", "reference/api/ItemInput", "reference/api/ItemInputCharset", "reference/api/ItemIntRange", "reference/api/ItemList", "reference/api/ItemRangeBase", "reference/api/ItemSubMenu", "reference/api/ItemToggle", "reference/api/LcdMenu", "reference/api/MenuItem", "reference/api/MenuScreen", "reference/api/display/CharacterDisplayInterface", "reference/api/display/DisplayInterface", "reference/api/display/LiquidCrystalAdapter", "reference/api/display/LiquidCrystal_I2CAdapter", "reference/api/display/SSD1803A_I2CAdapter", "reference/api/display/index", "reference/api/index", "reference/api/input/ButtonAdapter", "reference/api/input/InputInterface", "reference/api/input/KeyboardAdapter", "reference/api/input/SimpleRotaryAdapter", "reference/api/input/index", "reference/api/renderer/CharacterDisplayRenderer", "reference/api/renderer/MenuRenderer", "reference/api/renderer/index", "reference/changelog", "reference/faq", "reference/license", "reference/migration/index", "reference/migration/v3.x-v4.x", "reference/migration/v4.x.x-v5.0.0", "reference/migration/v5.0.0-v5.1.x", "reference/samples/Basic", "reference/samples/ButtonAdapter", "reference/samples/ButtonWithRotaryAdapter", "reference/samples/Callbacks", "reference/samples/CharsetInput", "reference/samples/InputRotary", "reference/samples/IntFloatValues", "reference/samples/ItemBack", "reference/samples/KeyboardAdapter", "reference/samples/List", "reference/samples/MenuTimeout", "reference/samples/RTOS", "reference/samples/SSD1803A_I2C", "reference/samples/SimpleInput", "reference/samples/SimpleRotary", "reference/samples/SubMenu", "reference/samples/ViewShifting", "reference/samples/index", "reference/uml"], "envversion": {"sphinx": 64, "sphinx.domains.c": 3, "sphinx.domains.changeset": 1, "sphinx.domains.citation": 1, "sphinx.domains.cpp": 9, "sphinx.domains.index": 1, "sphinx.domains.javascript": 3, "sphinx.domains.math": 2, "sphinx.domains.python": 4, "sphinx.domains.rst": 2, "sphinx.domains.std": 2, "sphinx.ext.viewcode": 1}, "filenames": ["index.rst", "overview/control/button.rst", "overview/control/index.rst", "overview/control/keyboard.rst", "overview/control/rotary-encoder.rst", "overview/getting-started.rst", "overview/items/basic.rst", "overview/items/command.rst", "overview/items/index.rst", "overview/items/input.rst", "overview/items/input-charset.rst", "overview/items/list.rst", "overview/items/range.rst", "overview/items/submenu.rst", "overview/rendering/character-display.rst", "overview/rendering/index.rst", "reference/api/ItemBack.rst", "reference/api/ItemCommand.rst", "reference/api/ItemFloatRange.rst", "reference/api/ItemInput.rst", "reference/api/ItemInputCharset.rst", "reference/api/ItemIntRange.rst", "reference/api/ItemList.rst", "reference/api/ItemRangeBase.rst", "reference/api/ItemSubMenu.rst", "reference/api/ItemToggle.rst", "reference/api/LcdMenu.rst", "reference/api/MenuItem.rst", "reference/api/MenuScreen.rst", "reference/api/display/CharacterDisplayInterface.rst", "reference/api/display/DisplayInterface.rst", "reference/api/display/LiquidCrystalAdapter.rst", "reference/api/display/LiquidCrystal_I2CAdapter.rst", "reference/api/display/SSD1803A_I2CAdapter.rst", "reference/api/display/index.rst", "reference/api/index.rst", "reference/api/input/ButtonAdapter.rst", "reference/api/input/InputInterface.rst", "reference/api/input/KeyboardAdapter.rst", "reference/api/input/SimpleRotaryAdapter.rst", "reference/api/input/index.rst", "reference/api/renderer/CharacterDisplayRenderer.rst", "reference/api/renderer/MenuRenderer.rst", "reference/api/renderer/index.rst", "reference/changelog.rst", "reference/faq.rst", "reference/license.rst", "reference/migration/index.rst", "reference/migration/v3.x-v4.x.rst", "reference/migration/v4.x.x-v5.0.0.rst", "reference/migration/v5.0.0-v5.1.x.rst", "reference/samples/Basic.rst", "reference/samples/ButtonAdapter.rst", "reference/samples/ButtonWithRotaryAdapter.rst", "reference/samples/Callbacks.rst", "reference/samples/CharsetInput.rst", "reference/samples/InputRotary.rst", "reference/samples/IntFloatValues.rst", "reference/samples/ItemBack.rst", "reference/samples/KeyboardAdapter.rst", "reference/samples/List.rst", "reference/samples/MenuTimeout.rst", "reference/samples/RTOS.rst", "reference/samples/SSD1803A_I2C.rst", "reference/samples/SimpleInput.rst", "reference/samples/SimpleRotary.rst", "reference/samples/SubMenu.rst", "reference/samples/ViewShifting.rst", "reference/samples/index.rst", "reference/uml.rst"], "indexentries": {"bs (c macro)": [[38, "c.BS", false]], "buttonadapter (c++ class)": [[36, "_CPPv413ButtonAdapter", false]], "buttonadapter::button (c++ member)": [[36, "_CPPv4N13ButtonAdapter6buttonE", false]], "buttonadapter::buttonadapter (c++ function)": [[36, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", false]], "buttonadapter::command (c++ member)": [[36, "_CPPv4N13ButtonAdapter7commandE", false]], "buttonadapter::observe (c++ function)": [[36, "_CPPv4N13ButtonAdapter7observeEv", false]], "c2_csi_terminal_max (c macro)": [[38, "c.C2_CSI_TERMINAL_MAX", false]], "c2_csi_terminal_min (c macro)": [[38, "c.C2_CSI_TERMINAL_MIN", false]], "characterdisplayinterface (c++ class)": [[29, "_CPPv425CharacterDisplayInterface", false]], "characterdisplayinterface::clearblinker (c++ function)": [[29, "_CPPv4N25CharacterDisplayInterface12clearBlinkerEv", false]], "characterdisplayinterface::createchar (c++ function)": [[29, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", false]], "characterdisplayinterface::drawblinker (c++ function)": [[29, "_CPPv4N25CharacterDisplayInterface11drawBlinkerEv", false]], "characterdisplayinterface::~characterdisplayinterface (c++ function)": [[29, "_CPPv4N25CharacterDisplayInterfaceD0Ev", false]], "characterdisplayrenderer (c++ class)": [[41, "_CPPv424CharacterDisplayRenderer", false]], "characterdisplayrenderer::availablecolumns (c++ member)": [[41, "_CPPv4N24CharacterDisplayRenderer16availableColumnsE", false]], "characterdisplayrenderer::begin (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer5beginEv", false]], "characterdisplayrenderer::characterdisplayrenderer (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", false]], "characterdisplayrenderer::clearblinker (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv", false]], "characterdisplayrenderer::cursoricon (c++ member)": [[41, "_CPPv4N24CharacterDisplayRenderer10cursorIconE", false]], "characterdisplayrenderer::downarrow (c++ member)": [[41, "_CPPv4N24CharacterDisplayRenderer9downArrowE", false]], "characterdisplayrenderer::draw (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", false]], "characterdisplayrenderer::drawblinker (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv", false]], "characterdisplayrenderer::drawitem (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc", false]], "characterdisplayrenderer::drawtext (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", false]], "characterdisplayrenderer::editcursoricon (c++ member)": [[41, "_CPPv4N24CharacterDisplayRenderer14editCursorIconE", false]], "characterdisplayrenderer::geteffectivecols (c++ function)": [[41, "_CPPv4NK24CharacterDisplayRenderer16getEffectiveColsEv", false]], "characterdisplayrenderer::movecursor (c++ function)": [[41, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", false]], "characterdisplayrenderer::uparrow (c++ member)": [[41, "_CPPv4N24CharacterDisplayRenderer7upArrowE", false]], "cr (c macro)": [[38, "c.CR", false]], "csi_buffer_size (c macro)": [[38, "c.CSI_BUFFER_SIZE", false]], "del (c macro)": [[38, "c.DEL", false]], "displayinterface (c++ class)": [[30, "_CPPv416DisplayInterface", false]], "displayinterface::begin (c++ function)": [[30, "_CPPv4N16DisplayInterface5beginEv", false]], "displayinterface::clear (c++ function)": [[30, "_CPPv4N16DisplayInterface5clearEv", false]], "displayinterface::displayinterface (c++ function)": [[30, "_CPPv4N16DisplayInterface16DisplayInterfaceEv", false]], "displayinterface::draw (c++ function)": [[30, "_CPPv4N16DisplayInterface4drawE7uint8_t", false], [30, "_CPPv4N16DisplayInterface4drawEPKc", false]], "displayinterface::hide (c++ function)": [[30, "_CPPv4N16DisplayInterface4hideEv", false]], "displayinterface::setbacklight (c++ function)": [[30, "_CPPv4N16DisplayInterface12setBacklightEb", false]], "displayinterface::setcursor (c++ function)": [[30, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", false]], "displayinterface::show (c++ function)": [[30, "_CPPv4N16DisplayInterface4showEv", false]], "displayinterface::~displayinterface (c++ function)": [[30, "_CPPv4N16DisplayInterfaceD0Ev", false]], "double_press_threshold (c macro)": [[39, "c.DOUBLE_PRESS_THRESHOLD", false]], "esc (c macro)": [[38, "c.ESC", false]], "inputinterface (c++ class)": [[37, "_CPPv414InputInterface", false]], "inputinterface::inputinterface (c++ function)": [[37, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", false]], "inputinterface::menu (c++ member)": [[37, "_CPPv4N14InputInterface4menuE", false]], "inputinterface::observe (c++ function)": [[37, "_CPPv4N14InputInterface7observeEv", false]], "inputinterface::~inputinterface (c++ function)": [[37, "_CPPv4N14InputInterfaceD0Ev", false]], "item_back (c macro)": [[16, "c.ITEM_BACK", false]], "item_basic (c macro)": [[27, "c.ITEM_BASIC", false]], "item_command (c macro)": [[17, "c.ITEM_COMMAND", false]], "item_float_range (c macro)": [[18, "c.ITEM_FLOAT_RANGE", false]], "item_input (c macro)": [[19, "c.ITEM_INPUT", false]], "item_input_charset (c macro)": [[20, "c.ITEM_INPUT_CHARSET", false]], "item_int_range (c macro)": [[21, "c.ITEM_INT_RANGE", false]], "item_string_list (c macro)": [[22, "c.ITEM_STRING_LIST", false]], "item_submenu (c macro)": [[24, "c.ITEM_SUBMENU", false]], "item_toggle (c macro)": [[25, "c.ITEM_TOGGLE", false]], "itemback (c++ class)": [[16, "_CPPv48ItemBack", false]], "itemback::changescreen (c++ function)": [[16, "_CPPv4N8ItemBack12changeScreenEP7LcdMenu", false]], "itemback::itemback (c++ function)": [[16, "_CPPv4N8ItemBack8ItemBackEPKc", false]], "itemback::process (c++ function)": [[16, "_CPPv4N8ItemBack7processEP7LcdMenuKh", false]], "itemcommand (c++ class)": [[17, "_CPPv411ItemCommand", false]], "itemcommand::callback (c++ member)": [[17, "_CPPv4N11ItemCommand8callbackE", false]], "itemcommand::executecommand (c++ function)": [[17, "_CPPv4N11ItemCommand14executeCommandEv", false]], "itemcommand::getcallback (c++ function)": [[17, "_CPPv4N11ItemCommand11getCallbackEv", false]], "itemcommand::itemcommand (c++ function)": [[17, "_CPPv4N11ItemCommand11ItemCommandEPKc4fptr", false]], "itemcommand::process (c++ function)": [[17, "_CPPv4N11ItemCommand7processEP7LcdMenuKh", false]], "itemcommand::setcallback (c++ function)": [[17, "_CPPv4N11ItemCommand11setCallBackE4fptr", false]], "itemfloatrange (c++ class)": [[18, "_CPPv414ItemFloatRange", false]], "itemfloatrange::getdisplayvalue (c++ function)": [[18, "_CPPv4N14ItemFloatRange15getDisplayValueEv", false]], "itemfloatrange::itemfloatrange (c++ function)": [[18, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", false]], "iteminput (c++ class)": [[19, "_CPPv49ItemInput", false]], "iteminput::back (c++ function)": [[19, "_CPPv4N9ItemInput4backEP12MenuRenderer", false]], "iteminput::backspace (c++ function)": [[19, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", false]], "iteminput::callback (c++ member)": [[19, "_CPPv4N9ItemInput8callbackE", false]], "iteminput::clear (c++ function)": [[19, "_CPPv4N9ItemInput5clearEP12MenuRenderer", false]], "iteminput::cursor (c++ member)": [[19, "_CPPv4N9ItemInput6cursorE", false]], "iteminput::draw (c++ function)": [[19, "_CPPv4N9ItemInput4drawEP12MenuRenderer", false]], "iteminput::enter (c++ function)": [[19, "_CPPv4N9ItemInput5enterEP12MenuRenderer", false]], "iteminput::getcallbackstr (c++ function)": [[19, "_CPPv4N9ItemInput14getCallbackStrEv", false]], "iteminput::getvalue (c++ function)": [[19, "_CPPv4N9ItemInput8getValueEv", false]], "iteminput::iteminput (c++ function)": [[19, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", false], [19, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", false]], "iteminput::left (c++ function)": [[19, "_CPPv4N9ItemInput4leftEP12MenuRenderer", false]], "iteminput::process (c++ function)": [[19, "_CPPv4N9ItemInput7processEP7LcdMenuKh", false]], "iteminput::right (c++ function)": [[19, "_CPPv4N9ItemInput5rightEP12MenuRenderer", false]], "iteminput::setvalue (c++ function)": [[19, "_CPPv4N9ItemInput8setValueEPc", false]], "iteminput::typechar (c++ function)": [[19, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", false]], "iteminput::value (c++ member)": [[19, "_CPPv4N9ItemInput5valueE", false]], "iteminput::view (c++ member)": [[19, "_CPPv4N9ItemInput4viewE", false]], "iteminputcharset (c++ class)": [[20, "_CPPv416ItemInputCharset", false]], "iteminputcharset::abortcharedit (c++ function)": [[20, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", false]], "iteminputcharset::charedit (c++ member)": [[20, "_CPPv4N16ItemInputCharset8charEditE", false]], "iteminputcharset::charset (c++ member)": [[20, "_CPPv4N16ItemInputCharset7charsetE", false]], "iteminputcharset::charsetposition (c++ member)": [[20, "_CPPv4N16ItemInputCharset15charsetPositionE", false]], "iteminputcharset::commitcharedit (c++ function)": [[20, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", false]], "iteminputcharset::drawchar (c++ function)": [[20, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", false]], "iteminputcharset::initcharedit (c++ function)": [[20, "_CPPv4N16ItemInputCharset12initCharEditEv", false]], "iteminputcharset::iteminputcharset (c++ function)": [[20, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", false], [20, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", false]], "iteminputcharset::process (c++ function)": [[20, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", false]], "iteminputcharset::shownextchar (c++ function)": [[20, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", false]], "iteminputcharset::showpreviouschar (c++ function)": [[20, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", false]], "itemintrange (c++ class)": [[21, "_CPPv412ItemIntRange", false]], "itemintrange::getdisplayvalue (c++ function)": [[21, "_CPPv4N12ItemIntRange15getDisplayValueEv", false]], "itemintrange::itemintrange (c++ function)": [[21, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", false]], "itemlist (c++ class)": [[22, "_CPPv48ItemList", false]], "itemlist::callback (c++ member)": [[22, "_CPPv4N8ItemList8callbackE", false]], "itemlist::draw (c++ function)": [[22, "_CPPv4N8ItemList4drawEP12MenuRenderer", false]], "itemlist::getcallbackint (c++ function)": [[22, "_CPPv4N8ItemList14getCallbackIntEv", false]], "itemlist::getitemcount (c++ function)": [[22, "_CPPv4N8ItemList12getItemCountEv", false]], "itemlist::getitemindex (c++ function)": [[22, "_CPPv4N8ItemList12getItemIndexEv", false]], "itemlist::getitems (c++ function)": [[22, "_CPPv4N8ItemList8getItemsEv", false]], "itemlist::getvalue (c++ function)": [[22, "_CPPv4N8ItemList8getValueEv", false]], "itemlist::itemcount (c++ member)": [[22, "_CPPv4N8ItemList9itemCountE", false]], "itemlist::itemindex (c++ member)": [[22, "_CPPv4N8ItemList9itemIndexE", false]], "itemlist::itemlist (c++ function)": [[22, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", false]], "itemlist::items (c++ member)": [[22, "_CPPv4N8ItemList5itemsE", false]], "itemlist::process (c++ function)": [[22, "_CPPv4N8ItemList7processEP7LcdMenuKh", false]], "itemlist::selectnext (c++ function)": [[22, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", false]], "itemlist::selectprevious (c++ function)": [[22, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", false]], "itemlist::setitemindex (c++ function)": [[22, "_CPPv4N8ItemList12setItemIndexE7uint8_t", false]], "itemrangebase (c++ class)": [[23, "_CPPv4I0E13ItemRangeBase", false]], "itemrangebase::callback (c++ member)": [[23, "_CPPv4N13ItemRangeBase8callbackE", false]], "itemrangebase::commitonchange (c++ member)": [[23, "_CPPv4N13ItemRangeBase14commitOnChangeE", false]], "itemrangebase::currentvalue (c++ member)": [[23, "_CPPv4N13ItemRangeBase12currentValueE", false]], "itemrangebase::decrement (c++ function)": [[23, "_CPPv4N13ItemRangeBase9decrementEv", false]], "itemrangebase::draw (c++ function)": [[23, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", false]], "itemrangebase::format (c++ member)": [[23, "_CPPv4N13ItemRangeBase6formatE", false]], "itemrangebase::getcurrentvalue (c++ function)": [[23, "_CPPv4N13ItemRangeBase15getCurrentValueEv", false]], "itemrangebase::getdisplayvalue (c++ function)": [[23, "_CPPv4N13ItemRangeBase15getDisplayValueEv", false]], "itemrangebase::increment (c++ function)": [[23, "_CPPv4N13ItemRangeBase9incrementEv", false]], "itemrangebase::itemrangebase (c++ function)": [[23, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", false]], "itemrangebase::maxvalue (c++ member)": [[23, "_CPPv4N13ItemRangeBase8maxValueE", false]], "itemrangebase::minvalue (c++ member)": [[23, "_CPPv4N13ItemRangeBase8minValueE", false]], "itemrangebase::process (c++ function)": [[23, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", false]], "itemrangebase::setcurrentvalue (c++ function)": [[23, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", false]], "itemrangebase::step (c++ member)": [[23, "_CPPv4N13ItemRangeBase4stepE", false]], "itemsubmenu (c++ class)": [[24, "_CPPv411ItemSubMenu", false]], "itemsubmenu::changescreen (c++ function)": [[24, "_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu", false]], "itemsubmenu::itemsubmenu (c++ function)": [[24, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", false]], "itemsubmenu::process (c++ function)": [[24, "_CPPv4N11ItemSubMenu7processEP7LcdMenuKh", false]], "itemsubmenu::screen (c++ member)": [[24, "_CPPv4N11ItemSubMenu6screenE", false]], "itemtoggle (c++ class)": [[25, "_CPPv410ItemToggle", false]], "itemtoggle::callback (c++ member)": [[25, "_CPPv4N10ItemToggle8callbackE", false]], "itemtoggle::draw (c++ function)": [[25, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", false]], "itemtoggle::enabled (c++ member)": [[25, "_CPPv4N10ItemToggle7enabledE", false]], "itemtoggle::getcallbackint (c++ function)": [[25, "_CPPv4N10ItemToggle14getCallbackIntEv", false]], "itemtoggle::gettextoff (c++ function)": [[25, "_CPPv4N10ItemToggle10getTextOffEv", false]], "itemtoggle::gettexton (c++ function)": [[25, "_CPPv4N10ItemToggle9getTextOnEv", false]], "itemtoggle::ison (c++ function)": [[25, "_CPPv4N10ItemToggle4isOnEv", false]], "itemtoggle::itemtoggle (c++ function)": [[25, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", false], [25, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", false], [25, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", false]], "itemtoggle::process (c++ function)": [[25, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", false]], "itemtoggle::setison (c++ function)": [[25, "_CPPv4N10ItemToggle7setIsOnE7boolean", false]], "itemtoggle::textoff (c++ member)": [[25, "_CPPv4N10ItemToggle7textOffE", false]], "itemtoggle::texton (c++ member)": [[25, "_CPPv4N10ItemToggle6textOnE", false]], "itemtoggle::toggle (c++ function)": [[25, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", false]], "keyboardadapter (c++ class)": [[38, "_CPPv415KeyboardAdapter", false]], "keyboardadapter::codeset (c++ enum)": [[38, "_CPPv4N15KeyboardAdapter7CodeSetE", false]], "keyboardadapter::codeset (c++ member)": [[38, "_CPPv4N15KeyboardAdapter7codeSetE", false]], "keyboardadapter::codeset::c0 (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet2C0E", false]], "keyboardadapter::codeset::c1 (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet2C1E", false]], "keyboardadapter::codeset::c2_csi (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet6C2_CSIE", false]], "keyboardadapter::codeset::c2_dcs (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet6C2_DCSE", false]], "keyboardadapter::codeset::c2_osc (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet6C2_OSCE", false]], "keyboardadapter::codeset::c3 (c++ enumerator)": [[38, "_CPPv4N15KeyboardAdapter7CodeSet2C3E", false]], "keyboardadapter::csibuffer (c++ member)": [[38, "_CPPv4N15KeyboardAdapter9csiBufferE", false]], "keyboardadapter::csibuffercursor (c++ member)": [[38, "_CPPv4N15KeyboardAdapter15csiBufferCursorE", false]], "keyboardadapter::handleidle (c++ function)": [[38, "_CPPv4N15KeyboardAdapter10handleIdleEv", false]], "keyboardadapter::handlereceived (c++ function)": [[38, "_CPPv4N15KeyboardAdapter14handleReceivedEh", false]], "keyboardadapter::haslastchar (c++ function)": [[38, "_CPPv4N15KeyboardAdapter11hasLastCharEv", false]], "keyboardadapter::keyboardadapter (c++ function)": [[38, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", false]], "keyboardadapter::lastchar (c++ member)": [[38, "_CPPv4N15KeyboardAdapter8lastCharE", false]], "keyboardadapter::lastchartimestamp (c++ member)": [[38, "_CPPv4N15KeyboardAdapter17lastCharTimestampE", false]], "keyboardadapter::observe (c++ function)": [[38, "_CPPv4N15KeyboardAdapter7observeEv", false]], "keyboardadapter::reset (c++ function)": [[38, "_CPPv4N15KeyboardAdapter5resetEv", false]], "keyboardadapter::savelastchar (c++ function)": [[38, "_CPPv4N15KeyboardAdapter12saveLastCharEh", false]], "keyboardadapter::stream (c++ member)": [[38, "_CPPv4N15KeyboardAdapter6streamE", false]], "lcdmenu (c++ class)": [[26, "_CPPv47LcdMenu", false]], "lcdmenu::enabled (c++ member)": [[26, "_CPPv4N7LcdMenu7enabledE", false]], "lcdmenu::getcursor (c++ function)": [[26, "_CPPv4N7LcdMenu9getCursorEv", false]], "lcdmenu::getitemat (c++ function)": [[26, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", false]], "lcdmenu::getrenderer (c++ function)": [[26, "_CPPv4N7LcdMenu11getRendererEv", false]], "lcdmenu::getscreen (c++ function)": [[26, "_CPPv4N7LcdMenu9getScreenEv", false]], "lcdmenu::hide (c++ function)": [[26, "_CPPv4N7LcdMenu4hideEv", false]], "lcdmenu::lcdmenu (c++ function)": [[26, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", false]], "lcdmenu::process (c++ function)": [[26, "_CPPv4N7LcdMenu7processEKh", false]], "lcdmenu::refresh (c++ function)": [[26, "_CPPv4N7LcdMenu7refreshEv", false]], "lcdmenu::renderer (c++ member)": [[26, "_CPPv4N7LcdMenu8rendererE", false]], "lcdmenu::reset (c++ function)": [[26, "_CPPv4N7LcdMenu5resetEv", false]], "lcdmenu::screen (c++ member)": [[26, "_CPPv4N7LcdMenu6screenE", false]], "lcdmenu::setcursor (c++ function)": [[26, "_CPPv4N7LcdMenu9setCursorE7uint8_t", false]], "lcdmenu::setscreen (c++ function)": [[26, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", false]], "lcdmenu::show (c++ function)": [[26, "_CPPv4N7LcdMenu4showEv", false]], "lf (c macro)": [[38, "c.LF", false]], "liquidcrystal_i2cadapter (c++ class)": [[32, "_CPPv424LiquidCrystal_I2CAdapter", false]], "liquidcrystal_i2cadapter::begin (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter5beginEv", false]], "liquidcrystal_i2cadapter::clear (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter5clearEv", false]], "liquidcrystal_i2cadapter::clearblinker (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter12clearBlinkerEv", false]], "liquidcrystal_i2cadapter::createchar (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", false]], "liquidcrystal_i2cadapter::draw (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", false], [32, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", false]], "liquidcrystal_i2cadapter::drawblinker (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter11drawBlinkerEv", false]], "liquidcrystal_i2cadapter::hide (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter4hideEv", false]], "liquidcrystal_i2cadapter::lcd (c++ member)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter3lcdE", false]], "liquidcrystal_i2cadapter::liquidcrystal_i2cadapter (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", false]], "liquidcrystal_i2cadapter::setbacklight (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", false]], "liquidcrystal_i2cadapter::setcursor (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", false]], "liquidcrystal_i2cadapter::show (c++ function)": [[32, "_CPPv4N24LiquidCrystal_I2CAdapter4showEv", false]], "liquidcrystaladapter (c++ class)": [[31, "_CPPv420LiquidCrystalAdapter", false]], "liquidcrystaladapter::begin (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter5beginEv", false]], "liquidcrystaladapter::clear (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter5clearEv", false]], "liquidcrystaladapter::clearblinker (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter12clearBlinkerEv", false]], "liquidcrystaladapter::createchar (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", false]], "liquidcrystaladapter::draw (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", false], [31, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", false]], "liquidcrystaladapter::drawblinker (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter11drawBlinkerEv", false]], "liquidcrystaladapter::hide (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter4hideEv", false]], "liquidcrystaladapter::lcd (c++ member)": [[31, "_CPPv4N20LiquidCrystalAdapter3lcdE", false]], "liquidcrystaladapter::liquidcrystaladapter (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", false]], "liquidcrystaladapter::maxcols (c++ member)": [[31, "_CPPv4N20LiquidCrystalAdapter7maxColsE", false]], "liquidcrystaladapter::maxrows (c++ member)": [[31, "_CPPv4N20LiquidCrystalAdapter7maxRowsE", false]], "liquidcrystaladapter::setbacklight (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", false]], "liquidcrystaladapter::setcursor (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", false]], "liquidcrystaladapter::show (c++ function)": [[31, "_CPPv4N20LiquidCrystalAdapter4showEv", false]], "long_press_duration (c macro)": [[39, "c.LONG_PRESS_DURATION", false]], "menu_screen (c macro)": [[28, "c.MENU_SCREEN", false]], "menuitem (c++ class)": [[27, "_CPPv48MenuItem", false]], "menuitem::draw (c++ function)": [[27, "_CPPv4N8MenuItem4drawEP12MenuRenderer", false]], "menuitem::gettext (c++ function)": [[27, "_CPPv4N8MenuItem7getTextEv", false]], "menuitem::getviewsize (c++ function)": [[27, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", false]], "menuitem::menuitem (c++ function)": [[27, "_CPPv4N8MenuItem8MenuItemEPKc", false]], "menuitem::process (c++ function)": [[27, "_CPPv4N8MenuItem7processEP7LcdMenuKh", false]], "menuitem::settext (c++ function)": [[27, "_CPPv4N8MenuItem7setTextEPKc", false]], "menuitem::text (c++ member)": [[27, "_CPPv4N8MenuItem4textE", false]], "menuitem::~menuitem (c++ function)": [[27, "_CPPv4N8MenuItemD0Ev", false]], "menurenderer (c++ class)": [[42, "_CPPv412MenuRenderer", false]], "menurenderer::begin (c++ function)": [[42, "_CPPv4N12MenuRenderer5beginEv", false]], "menurenderer::clearblinker (c++ function)": [[42, "_CPPv4N12MenuRenderer12clearBlinkerEv", false]], "menurenderer::cursorcol (c++ member)": [[42, "_CPPv4N12MenuRenderer9cursorColE", false]], "menurenderer::cursorrow (c++ member)": [[42, "_CPPv4N12MenuRenderer9cursorRowE", false]], "menurenderer::display (c++ member)": [[42, "_CPPv4N12MenuRenderer7displayE", false]], "menurenderer::draw (c++ function)": [[42, "_CPPv4N12MenuRenderer4drawE7uint8_t", false]], "menurenderer::drawblinker (c++ function)": [[42, "_CPPv4N12MenuRenderer11drawBlinkerEv", false]], "menurenderer::drawitem (c++ function)": [[42, "_CPPv4N12MenuRenderer8drawItemEPKcPKc", false]], "menurenderer::getcursorcol (c++ function)": [[42, "_CPPv4NK12MenuRenderer12getCursorColEv", false]], "menurenderer::getcursorrow (c++ function)": [[42, "_CPPv4NK12MenuRenderer12getCursorRowEv", false]], "menurenderer::geteffectivecols (c++ function)": [[42, "_CPPv4NK12MenuRenderer16getEffectiveColsEv", false]], "menurenderer::getmaxcols (c++ function)": [[42, "_CPPv4NK12MenuRenderer10getMaxColsEv", false]], "menurenderer::getmaxrows (c++ function)": [[42, "_CPPv4NK12MenuRenderer10getMaxRowsEv", false]], "menurenderer::hasfocus (c++ member)": [[42, "_CPPv4N12MenuRenderer8hasFocusE", false]], "menurenderer::hashiddenitemsabove (c++ member)": [[42, "_CPPv4N12MenuRenderer19hasHiddenItemsAboveE", false]], "menurenderer::hashiddenitemsbelow (c++ member)": [[42, "_CPPv4N12MenuRenderer19hasHiddenItemsBelowE", false]], "menurenderer::ineditmode (c++ member)": [[42, "_CPPv4N12MenuRenderer10inEditModeE", false]], "menurenderer::isineditmode (c++ function)": [[42, "_CPPv4NK12MenuRenderer12isInEditModeEv", false]], "menurenderer::maxcols (c++ member)": [[42, "_CPPv4N12MenuRenderer7maxColsE", false]], "menurenderer::maxrows (c++ member)": [[42, "_CPPv4N12MenuRenderer7maxRowsE", false]], "menurenderer::menurenderer (c++ function)": [[42, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", false]], "menurenderer::movecursor (c++ function)": [[42, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", false]], "menurenderer::restarttimer (c++ function)": [[42, "_CPPv4N12MenuRenderer12restartTimerEv", false]], "menurenderer::seteditmode (c++ function)": [[42, "_CPPv4N12MenuRenderer11setEditModeEb", false]], "menurenderer::starttime (c++ member)": [[42, "_CPPv4N12MenuRenderer9startTimeE", false]], "menurenderer::updatetimer (c++ function)": [[42, "_CPPv4N12MenuRenderer11updateTimerEv", false]], "menurenderer::viewshift (c++ member)": [[42, "_CPPv4N12MenuRenderer9viewShiftE", false]], "menuscreen (c++ class)": [[28, "_CPPv410MenuScreen", false]], "menuscreen::cursor (c++ member)": [[28, "_CPPv4N10MenuScreen6cursorE", false]], "menuscreen::down (c++ function)": [[28, "_CPPv4N10MenuScreen4downEP12MenuRenderer", false]], "menuscreen::draw (c++ function)": [[28, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", false]], "menuscreen::getcursor (c++ function)": [[28, "_CPPv4N10MenuScreen9getCursorEv", false]], "menuscreen::getitemat (c++ function)": [[28, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", false]], "menuscreen::itemcount (c++ member)": [[28, "_CPPv4N10MenuScreen9itemCountE", false]], "menuscreen::items (c++ member)": [[28, "_CPPv4N10MenuScreen5itemsE", false]], "menuscreen::menuscreen (c++ function)": [[28, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", false]], "menuscreen::operator[] (c++ function)": [[28, "_CPPv4N10MenuScreenixEK7uint8_t", false]], "menuscreen::parent (c++ member)": [[28, "_CPPv4N10MenuScreen6parentE", false]], "menuscreen::process (c++ function)": [[28, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", false]], "menuscreen::reset (c++ function)": [[28, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", false]], "menuscreen::setcursor (c++ function)": [[28, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", false]], "menuscreen::setparent (c++ function)": [[28, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", false]], "menuscreen::syncindicators (c++ function)": [[28, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", false]], "menuscreen::up (c++ function)": [[28, "_CPPv4N10MenuScreen2upEP12MenuRenderer", false]], "menuscreen::view (c++ member)": [[28, "_CPPv4N10MenuScreen4viewE", false]], "simplerotaryadapter (c++ class)": [[39, "_CPPv419SimpleRotaryAdapter", false]], "simplerotaryadapter::encoder (c++ member)": [[39, "_CPPv4N19SimpleRotaryAdapter7encoderE", false]], "simplerotaryadapter::lastpresstime (c++ member)": [[39, "_CPPv4N19SimpleRotaryAdapter13lastPressTimeE", false]], "simplerotaryadapter::observe (c++ function)": [[39, "_CPPv4N19SimpleRotaryAdapter7observeEv", false]], "simplerotaryadapter::pendingenter (c++ member)": [[39, "_CPPv4N19SimpleRotaryAdapter12pendingEnterE", false]], "simplerotaryadapter::simplerotaryadapter (c++ function)": [[39, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", false]], "ssd1803a_i2cadapter (c++ class)": [[33, "_CPPv419SSD1803A_I2CAdapter", false]], "ssd1803a_i2cadapter::begin (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter5beginEv", false]], "ssd1803a_i2cadapter::clear (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter5clearEv", false]], "ssd1803a_i2cadapter::clearblinker (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter12clearBlinkerEv", false]], "ssd1803a_i2cadapter::createchar (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", false]], "ssd1803a_i2cadapter::draw (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", false], [33, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", false]], "ssd1803a_i2cadapter::drawblinker (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter11drawBlinkerEv", false]], "ssd1803a_i2cadapter::hide (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter4hideEv", false]], "ssd1803a_i2cadapter::lcd (c++ member)": [[33, "_CPPv4N19SSD1803A_I2CAdapter3lcdE", false]], "ssd1803a_i2cadapter::setbacklight (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", false]], "ssd1803a_i2cadapter::setcursor (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", false]], "ssd1803a_i2cadapter::show (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter4showEv", false]], "ssd1803a_i2cadapter::ssd1803a_i2cadapter (c++ function)": [[33, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", false]], "threshold (c macro)": [[38, "c.THRESHOLD", false]]}, "objects": {"": [[38, 0, 1, "c.BS", "BS"], [38, 0, 1, "c.C2_CSI_TERMINAL_MAX", "C2_CSI_TERMINAL_MAX"], [38, 0, 1, "c.C2_CSI_TERMINAL_MIN", "C2_CSI_TERMINAL_MIN"], [38, 0, 1, "c.CR", "CR"], [38, 0, 1, "c.CSI_BUFFER_SIZE", "CSI_BUFFER_SIZE"], [38, 0, 1, "c.DEL", "DEL"], [39, 0, 1, "c.DOUBLE_PRESS_THRESHOLD", "DOUBLE_PRESS_THRESHOLD"], [38, 0, 1, "c.ESC", "ESC"], [16, 0, 1, "c.ITEM_BACK", "ITEM_BACK"], [27, 0, 1, "c.ITEM_BASIC", "ITEM_BASIC"], [17, 0, 1, "c.ITEM_COMMAND", "ITEM_COMMAND"], [18, 0, 1, "c.ITEM_FLOAT_RANGE", "ITEM_FLOAT_RANGE"], [19, 0, 1, "c.ITEM_INPUT", "ITEM_INPUT"], [20, 0, 1, "c.ITEM_INPUT_CHARSET", "ITEM_INPUT_CHARSET"], [21, 0, 1, "c.ITEM_INT_RANGE", "ITEM_INT_RANGE"], [22, 0, 1, "c.ITEM_STRING_LIST", "ITEM_STRING_LIST"], [24, 0, 1, "c.ITEM_SUBMENU", "ITEM_SUBMENU"], [25, 0, 1, "c.ITEM_TOGGLE", "ITEM_TOGGLE"], [38, 0, 1, "c.LF", "LF"], [39, 0, 1, "c.LONG_PRESS_DURATION", "LONG_PRESS_DURATION"], [28, 0, 1, "c.MENU_SCREEN", "MENU_SCREEN"], [38, 0, 1, "c.THRESHOLD", "THRESHOLD"], [36, 1, 1, "_CPPv413ButtonAdapter", "ButtonAdapter"], [36, 2, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter"], [36, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::button"], [36, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::command"], [36, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::menu"], [36, 4, 1, "_CPPv4N13ButtonAdapter6buttonE", "ButtonAdapter::button"], [36, 4, 1, "_CPPv4N13ButtonAdapter7commandE", "ButtonAdapter::command"], [36, 2, 1, "_CPPv4N13ButtonAdapter7observeEv", "ButtonAdapter::observe"], [29, 1, 1, "_CPPv425CharacterDisplayInterface", "CharacterDisplayInterface"], [29, 2, 1, "_CPPv4N25CharacterDisplayInterface12clearBlinkerEv", "CharacterDisplayInterface::clearBlinker"], [29, 2, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar"], [29, 3, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar::c"], [29, 3, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar::id"], [29, 2, 1, "_CPPv4N25CharacterDisplayInterface11drawBlinkerEv", "CharacterDisplayInterface::drawBlinker"], [29, 2, 1, "_CPPv4N25CharacterDisplayInterfaceD0Ev", "CharacterDisplayInterface::~CharacterDisplayInterface"], [41, 1, 1, "_CPPv424CharacterDisplayRenderer", "CharacterDisplayRenderer"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::cursorIcon"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::display"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::downArrow"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::editCursorIcon"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::maxCols"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::maxRows"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::upArrow"], [41, 4, 1, "_CPPv4N24CharacterDisplayRenderer16availableColumnsE", "CharacterDisplayRenderer::availableColumns"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer5beginEv", "CharacterDisplayRenderer::begin"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv", "CharacterDisplayRenderer::clearBlinker"], [41, 4, 1, "_CPPv4N24CharacterDisplayRenderer10cursorIconE", "CharacterDisplayRenderer::cursorIcon"], [41, 4, 1, "_CPPv4N24CharacterDisplayRenderer9downArrowE", "CharacterDisplayRenderer::downArrow"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", "CharacterDisplayRenderer::draw"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", "CharacterDisplayRenderer::draw::byte"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv", "CharacterDisplayRenderer::drawBlinker"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc", "CharacterDisplayRenderer::drawItem"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc", "CharacterDisplayRenderer::drawItem::text"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKc", "CharacterDisplayRenderer::drawItem::value"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::col"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::text"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::viewShift"], [41, 4, 1, "_CPPv4N24CharacterDisplayRenderer14editCursorIconE", "CharacterDisplayRenderer::editCursorIcon"], [41, 2, 1, "_CPPv4NK24CharacterDisplayRenderer16getEffectiveColsEv", "CharacterDisplayRenderer::getEffectiveCols"], [41, 2, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor::cursorCol"], [41, 3, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor::cursorRow"], [41, 4, 1, "_CPPv4N24CharacterDisplayRenderer7upArrowE", "CharacterDisplayRenderer::upArrow"], [30, 1, 1, "_CPPv416DisplayInterface", "DisplayInterface"], [30, 2, 1, "_CPPv4N16DisplayInterface16DisplayInterfaceEv", "DisplayInterface::DisplayInterface"], [30, 2, 1, "_CPPv4N16DisplayInterface5beginEv", "DisplayInterface::begin"], [30, 2, 1, "_CPPv4N16DisplayInterface5clearEv", "DisplayInterface::clear"], [30, 2, 1, "_CPPv4N16DisplayInterface4drawE7uint8_t", "DisplayInterface::draw"], [30, 2, 1, "_CPPv4N16DisplayInterface4drawEPKc", "DisplayInterface::draw"], [30, 3, 1, "_CPPv4N16DisplayInterface4drawE7uint8_t", "DisplayInterface::draw::byte"], [30, 3, 1, "_CPPv4N16DisplayInterface4drawEPKc", "DisplayInterface::draw::text"], [30, 2, 1, "_CPPv4N16DisplayInterface4hideEv", "DisplayInterface::hide"], [30, 2, 1, "_CPPv4N16DisplayInterface12setBacklightEb", "DisplayInterface::setBacklight"], [30, 3, 1, "_CPPv4N16DisplayInterface12setBacklightEb", "DisplayInterface::setBacklight::enabled"], [30, 2, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor"], [30, 3, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor::col"], [30, 3, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor::row"], [30, 2, 1, "_CPPv4N16DisplayInterface4showEv", "DisplayInterface::show"], [30, 2, 1, "_CPPv4N16DisplayInterfaceD0Ev", "DisplayInterface::~DisplayInterface"], [37, 1, 1, "_CPPv414InputInterface", "InputInterface"], [37, 2, 1, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", "InputInterface::InputInterface"], [37, 3, 1, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", "InputInterface::InputInterface::menu"], [37, 4, 1, "_CPPv4N14InputInterface4menuE", "InputInterface::menu"], [37, 2, 1, "_CPPv4N14InputInterface7observeEv", "InputInterface::observe"], [37, 2, 1, "_CPPv4N14InputInterfaceD0Ev", "InputInterface::~InputInterface"], [16, 1, 1, "_CPPv48ItemBack", "ItemBack"], [16, 2, 1, "_CPPv4N8ItemBack8ItemBackEPKc", "ItemBack::ItemBack"], [16, 3, 1, "_CPPv4N8ItemBack8ItemBackEPKc", "ItemBack::ItemBack::text"], [16, 2, 1, "_CPPv4N8ItemBack12changeScreenEP7LcdMenu", "ItemBack::changeScreen"], [16, 3, 1, "_CPPv4N8ItemBack12changeScreenEP7LcdMenu", "ItemBack::changeScreen::menu"], [16, 2, 1, "_CPPv4N8ItemBack7processEP7LcdMenuKh", "ItemBack::process"], [16, 3, 1, "_CPPv4N8ItemBack7processEP7LcdMenuKh", "ItemBack::process::command"], [16, 3, 1, "_CPPv4N8ItemBack7processEP7LcdMenuKh", "ItemBack::process::menu"], [17, 1, 1, "_CPPv411ItemCommand", "ItemCommand"], [17, 2, 1, "_CPPv4N11ItemCommand11ItemCommandEPKc4fptr", "ItemCommand::ItemCommand"], [17, 3, 1, "_CPPv4N11ItemCommand11ItemCommandEPKc4fptr", "ItemCommand::ItemCommand::callback"], [17, 3, 1, "_CPPv4N11ItemCommand11ItemCommandEPKc4fptr", "ItemCommand::ItemCommand::text"], [17, 4, 1, "_CPPv4N11ItemCommand8callbackE", "ItemCommand::callback"], [17, 2, 1, "_CPPv4N11ItemCommand14executeCommandEv", "ItemCommand::executeCommand"], [17, 2, 1, "_CPPv4N11ItemCommand11getCallbackEv", "ItemCommand::getCallback"], [17, 2, 1, "_CPPv4N11ItemCommand7processEP7LcdMenuKh", "ItemCommand::process"], [17, 3, 1, "_CPPv4N11ItemCommand7processEP7LcdMenuKh", "ItemCommand::process::command"], [17, 3, 1, "_CPPv4N11ItemCommand7processEP7LcdMenuKh", "ItemCommand::process::menu"], [17, 2, 1, "_CPPv4N11ItemCommand11setCallBackE4fptr", "ItemCommand::setCallBack"], [17, 3, 1, "_CPPv4N11ItemCommand11setCallBackE4fptr", "ItemCommand::setCallBack::callback"], [18, 1, 1, "_CPPv414ItemFloatRange", "ItemFloatRange"], [18, 2, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::callback"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::commitOnChange"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::format"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::max"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::min"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::startingValue"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::step"], [18, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::text"], [18, 2, 1, "_CPPv4N14ItemFloatRange15getDisplayValueEv", "ItemFloatRange::getDisplayValue"], [19, 1, 1, "_CPPv49ItemInput", "ItemInput"], [19, 2, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput"], [19, 2, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput"], [19, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput::callback"], [19, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::callback"], [19, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput::text"], [19, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::text"], [19, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::value"], [19, 2, 1, "_CPPv4N9ItemInput4backEP12MenuRenderer", "ItemInput::back"], [19, 3, 1, "_CPPv4N9ItemInput4backEP12MenuRenderer", "ItemInput::back::renderer"], [19, 2, 1, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", "ItemInput::backspace"], [19, 3, 1, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", "ItemInput::backspace::renderer"], [19, 4, 1, "_CPPv4N9ItemInput8callbackE", "ItemInput::callback"], [19, 2, 1, "_CPPv4N9ItemInput5clearEP12MenuRenderer", "ItemInput::clear"], [19, 3, 1, "_CPPv4N9ItemInput5clearEP12MenuRenderer", "ItemInput::clear::renderer"], [19, 4, 1, "_CPPv4N9ItemInput6cursorE", "ItemInput::cursor"], [19, 2, 1, "_CPPv4N9ItemInput4drawEP12MenuRenderer", "ItemInput::draw"], [19, 3, 1, "_CPPv4N9ItemInput4drawEP12MenuRenderer", "ItemInput::draw::renderer"], [19, 2, 1, "_CPPv4N9ItemInput5enterEP12MenuRenderer", "ItemInput::enter"], [19, 3, 1, "_CPPv4N9ItemInput5enterEP12MenuRenderer", "ItemInput::enter::renderer"], [19, 2, 1, "_CPPv4N9ItemInput14getCallbackStrEv", "ItemInput::getCallbackStr"], [19, 2, 1, "_CPPv4N9ItemInput8getValueEv", "ItemInput::getValue"], [19, 2, 1, "_CPPv4N9ItemInput4leftEP12MenuRenderer", "ItemInput::left"], [19, 3, 1, "_CPPv4N9ItemInput4leftEP12MenuRenderer", "ItemInput::left::renderer"], [19, 2, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process"], [19, 3, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process::command"], [19, 3, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process::menu"], [19, 2, 1, "_CPPv4N9ItemInput5rightEP12MenuRenderer", "ItemInput::right"], [19, 3, 1, "_CPPv4N9ItemInput5rightEP12MenuRenderer", "ItemInput::right::renderer"], [19, 2, 1, "_CPPv4N9ItemInput8setValueEPc", "ItemInput::setValue"], [19, 3, 1, "_CPPv4N9ItemInput8setValueEPc", "ItemInput::setValue::value"], [19, 2, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar"], [19, 3, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar::character"], [19, 3, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar::renderer"], [19, 4, 1, "_CPPv4N9ItemInput5valueE", "ItemInput::value"], [19, 4, 1, "_CPPv4N9ItemInput4viewE", "ItemInput::view"], [20, 1, 1, "_CPPv416ItemInputCharset", "ItemInputCharset"], [20, 2, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset"], [20, 2, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::callback"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::callback"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::charset"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::charset"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::text"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::text"], [20, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::value"], [20, 2, 1, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", "ItemInputCharset::abortCharEdit"], [20, 3, 1, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", "ItemInputCharset::abortCharEdit::renderer"], [20, 4, 1, "_CPPv4N16ItemInputCharset8charEditE", "ItemInputCharset::charEdit"], [20, 4, 1, "_CPPv4N16ItemInputCharset7charsetE", "ItemInputCharset::charset"], [20, 4, 1, "_CPPv4N16ItemInputCharset15charsetPositionE", "ItemInputCharset::charsetPosition"], [20, 2, 1, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", "ItemInputCharset::commitCharEdit"], [20, 3, 1, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", "ItemInputCharset::commitCharEdit::renderer"], [20, 2, 1, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", "ItemInputCharset::drawChar"], [20, 3, 1, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", "ItemInputCharset::drawChar::renderer"], [20, 2, 1, "_CPPv4N16ItemInputCharset12initCharEditEv", "ItemInputCharset::initCharEdit"], [20, 2, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process"], [20, 3, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process::command"], [20, 3, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process::menu"], [20, 2, 1, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", "ItemInputCharset::showNextChar"], [20, 3, 1, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", "ItemInputCharset::showNextChar::renderer"], [20, 2, 1, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", "ItemInputCharset::showPreviousChar"], [20, 3, 1, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", "ItemInputCharset::showPreviousChar::renderer"], [21, 1, 1, "_CPPv412ItemIntRange", "ItemIntRange"], [21, 2, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::callback"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::commitOnChange"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::format"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::max"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::min"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::startingValue"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::step"], [21, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::text"], [21, 2, 1, "_CPPv4N12ItemIntRange15getDisplayValueEv", "ItemIntRange::getDisplayValue"], [22, 1, 1, "_CPPv48ItemList", "ItemList"], [22, 2, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList"], [22, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::callback"], [22, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::itemCount"], [22, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::items"], [22, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::key"], [22, 4, 1, "_CPPv4N8ItemList8callbackE", "ItemList::callback"], [22, 2, 1, "_CPPv4N8ItemList4drawEP12MenuRenderer", "ItemList::draw"], [22, 3, 1, "_CPPv4N8ItemList4drawEP12MenuRenderer", "ItemList::draw::renderer"], [22, 2, 1, "_CPPv4N8ItemList14getCallbackIntEv", "ItemList::getCallbackInt"], [22, 2, 1, "_CPPv4N8ItemList12getItemCountEv", "ItemList::getItemCount"], [22, 2, 1, "_CPPv4N8ItemList12getItemIndexEv", "ItemList::getItemIndex"], [22, 2, 1, "_CPPv4N8ItemList8getItemsEv", "ItemList::getItems"], [22, 2, 1, "_CPPv4N8ItemList8getValueEv", "ItemList::getValue"], [22, 4, 1, "_CPPv4N8ItemList9itemCountE", "ItemList::itemCount"], [22, 4, 1, "_CPPv4N8ItemList9itemIndexE", "ItemList::itemIndex"], [22, 4, 1, "_CPPv4N8ItemList5itemsE", "ItemList::items"], [22, 2, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process"], [22, 3, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process::command"], [22, 3, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process::menu"], [22, 2, 1, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", "ItemList::selectNext"], [22, 3, 1, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", "ItemList::selectNext::renderer"], [22, 2, 1, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", "ItemList::selectPrevious"], [22, 3, 1, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", "ItemList::selectPrevious::renderer"], [22, 2, 1, "_CPPv4N8ItemList12setItemIndexE7uint8_t", "ItemList::setItemIndex"], [22, 3, 1, "_CPPv4N8ItemList12setItemIndexE7uint8_t", "ItemList::setItemIndex::itemIndex"], [23, 1, 1, "_CPPv4I0E13ItemRangeBase", "ItemRangeBase"], [23, 2, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::callback"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::commitOnChange"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::format"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::max"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::min"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::startingValue"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::step"], [23, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::text"], [23, 5, 1, "_CPPv4I0E13ItemRangeBase", "ItemRangeBase::T"], [23, 4, 1, "_CPPv4N13ItemRangeBase8callbackE", "ItemRangeBase::callback"], [23, 4, 1, "_CPPv4N13ItemRangeBase14commitOnChangeE", "ItemRangeBase::commitOnChange"], [23, 4, 1, "_CPPv4N13ItemRangeBase12currentValueE", "ItemRangeBase::currentValue"], [23, 2, 1, "_CPPv4N13ItemRangeBase9decrementEv", "ItemRangeBase::decrement"], [23, 2, 1, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", "ItemRangeBase::draw"], [23, 3, 1, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", "ItemRangeBase::draw::renderer"], [23, 4, 1, "_CPPv4N13ItemRangeBase6formatE", "ItemRangeBase::format"], [23, 2, 1, "_CPPv4N13ItemRangeBase15getCurrentValueEv", "ItemRangeBase::getCurrentValue"], [23, 2, 1, "_CPPv4N13ItemRangeBase15getDisplayValueEv", "ItemRangeBase::getDisplayValue"], [23, 2, 1, "_CPPv4N13ItemRangeBase9incrementEv", "ItemRangeBase::increment"], [23, 4, 1, "_CPPv4N13ItemRangeBase8maxValueE", "ItemRangeBase::maxValue"], [23, 4, 1, "_CPPv4N13ItemRangeBase8minValueE", "ItemRangeBase::minValue"], [23, 2, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process"], [23, 3, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process::command"], [23, 3, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process::menu"], [23, 2, 1, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", "ItemRangeBase::setCurrentValue"], [23, 3, 1, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", "ItemRangeBase::setCurrentValue::value"], [23, 4, 1, "_CPPv4N13ItemRangeBase4stepE", "ItemRangeBase::step"], [24, 1, 1, "_CPPv411ItemSubMenu", "ItemSubMenu"], [24, 2, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu"], [24, 3, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu::screen"], [24, 3, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu::text"], [24, 2, 1, "_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu", "ItemSubMenu::changeScreen"], [24, 3, 1, "_CPPv4N11ItemSubMenu12changeScreenEP7LcdMenu", "ItemSubMenu::changeScreen::menu"], [24, 2, 1, "_CPPv4N11ItemSubMenu7processEP7LcdMenuKh", "ItemSubMenu::process"], [24, 3, 1, "_CPPv4N11ItemSubMenu7processEP7LcdMenuKh", "ItemSubMenu::process::command"], [24, 3, 1, "_CPPv4N11ItemSubMenu7processEP7LcdMenuKh", "ItemSubMenu::process::menu"], [24, 4, 1, "_CPPv4N11ItemSubMenu6screenE", "ItemSubMenu::screen"], [25, 1, 1, "_CPPv410ItemToggle", "ItemToggle"], [25, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle"], [25, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle"], [25, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::callback"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle::callback"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::callback"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::enabled"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle::key"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::text"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::text"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::textOff"], [25, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::textOn"], [25, 4, 1, "_CPPv4N10ItemToggle8callbackE", "ItemToggle::callback"], [25, 2, 1, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", "ItemToggle::draw"], [25, 3, 1, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", "ItemToggle::draw::renderer"], [25, 4, 1, "_CPPv4N10ItemToggle7enabledE", "ItemToggle::enabled"], [25, 2, 1, "_CPPv4N10ItemToggle14getCallbackIntEv", "ItemToggle::getCallbackInt"], [25, 2, 1, "_CPPv4N10ItemToggle10getTextOffEv", "ItemToggle::getTextOff"], [25, 2, 1, "_CPPv4N10ItemToggle9getTextOnEv", "ItemToggle::getTextOn"], [25, 2, 1, "_CPPv4N10ItemToggle4isOnEv", "ItemToggle::isOn"], [25, 2, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process"], [25, 3, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process::command"], [25, 3, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process::menu"], [25, 2, 1, "_CPPv4N10ItemToggle7setIsOnE7boolean", "ItemToggle::setIsOn"], [25, 3, 1, "_CPPv4N10ItemToggle7setIsOnE7boolean", "ItemToggle::setIsOn::isOn"], [25, 4, 1, "_CPPv4N10ItemToggle7textOffE", "ItemToggle::textOff"], [25, 4, 1, "_CPPv4N10ItemToggle6textOnE", "ItemToggle::textOn"], [25, 2, 1, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", "ItemToggle::toggle"], [25, 3, 1, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", "ItemToggle::toggle::renderer"], [38, 1, 1, "_CPPv415KeyboardAdapter", "KeyboardAdapter"], [38, 6, 1, "_CPPv4N15KeyboardAdapter7CodeSetE", "KeyboardAdapter::CodeSet"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C0E", "KeyboardAdapter::CodeSet::C0"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C1E", "KeyboardAdapter::CodeSet::C1"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_CSIE", "KeyboardAdapter::CodeSet::C2_CSI"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_DCSE", "KeyboardAdapter::CodeSet::C2_DCS"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_OSCE", "KeyboardAdapter::CodeSet::C2_OSC"], [38, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C3E", "KeyboardAdapter::CodeSet::C3"], [38, 2, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter"], [38, 3, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter::menu"], [38, 3, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter::stream"], [38, 4, 1, "_CPPv4N15KeyboardAdapter7codeSetE", "KeyboardAdapter::codeSet"], [38, 4, 1, "_CPPv4N15KeyboardAdapter9csiBufferE", "KeyboardAdapter::csiBuffer"], [38, 4, 1, "_CPPv4N15KeyboardAdapter15csiBufferCursorE", "KeyboardAdapter::csiBufferCursor"], [38, 2, 1, "_CPPv4N15KeyboardAdapter10handleIdleEv", "KeyboardAdapter::handleIdle"], [38, 2, 1, "_CPPv4N15KeyboardAdapter14handleReceivedEh", "KeyboardAdapter::handleReceived"], [38, 3, 1, "_CPPv4N15KeyboardAdapter14handleReceivedEh", "KeyboardAdapter::handleReceived::command"], [38, 2, 1, "_CPPv4N15KeyboardAdapter11hasLastCharEv", "KeyboardAdapter::hasLastChar"], [38, 4, 1, "_CPPv4N15KeyboardAdapter8lastCharE", "KeyboardAdapter::lastChar"], [38, 4, 1, "_CPPv4N15KeyboardAdapter17lastCharTimestampE", "KeyboardAdapter::lastCharTimestamp"], [38, 2, 1, "_CPPv4N15KeyboardAdapter7observeEv", "KeyboardAdapter::observe"], [38, 2, 1, "_CPPv4N15KeyboardAdapter5resetEv", "KeyboardAdapter::reset"], [38, 2, 1, "_CPPv4N15KeyboardAdapter12saveLastCharEh", "KeyboardAdapter::saveLastChar"], [38, 3, 1, "_CPPv4N15KeyboardAdapter12saveLastCharEh", "KeyboardAdapter::saveLastChar::command"], [38, 4, 1, "_CPPv4N15KeyboardAdapter6streamE", "KeyboardAdapter::stream"], [26, 1, 1, "_CPPv47LcdMenu", "LcdMenu"], [26, 2, 1, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", "LcdMenu::LcdMenu"], [26, 3, 1, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", "LcdMenu::LcdMenu::renderer"], [26, 4, 1, "_CPPv4N7LcdMenu7enabledE", "LcdMenu::enabled"], [26, 2, 1, "_CPPv4N7LcdMenu9getCursorEv", "LcdMenu::getCursor"], [26, 2, 1, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", "LcdMenu::getItemAt"], [26, 3, 1, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", "LcdMenu::getItemAt::position"], [26, 2, 1, "_CPPv4N7LcdMenu11getRendererEv", "LcdMenu::getRenderer"], [26, 2, 1, "_CPPv4N7LcdMenu9getScreenEv", "LcdMenu::getScreen"], [26, 2, 1, "_CPPv4N7LcdMenu4hideEv", "LcdMenu::hide"], [26, 2, 1, "_CPPv4N7LcdMenu7processEKh", "LcdMenu::process"], [26, 3, 1, "_CPPv4N7LcdMenu7processEKh", "LcdMenu::process::c"], [26, 2, 1, "_CPPv4N7LcdMenu7refreshEv", "LcdMenu::refresh"], [26, 4, 1, "_CPPv4N7LcdMenu8rendererE", "LcdMenu::renderer"], [26, 2, 1, "_CPPv4N7LcdMenu5resetEv", "LcdMenu::reset"], [26, 4, 1, "_CPPv4N7LcdMenu6screenE", "LcdMenu::screen"], [26, 2, 1, "_CPPv4N7LcdMenu9setCursorE7uint8_t", "LcdMenu::setCursor"], [26, 3, 1, "_CPPv4N7LcdMenu9setCursorE7uint8_t", "LcdMenu::setCursor::cursor"], [26, 2, 1, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", "LcdMenu::setScreen"], [26, 3, 1, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", "LcdMenu::setScreen::screen"], [26, 2, 1, "_CPPv4N7LcdMenu4showEv", "LcdMenu::show"], [31, 1, 1, "_CPPv420LiquidCrystalAdapter", "LiquidCrystalAdapter"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::lcd"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::maxCols"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::maxRows"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter5beginEv", "LiquidCrystalAdapter::begin"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter5clearEv", "LiquidCrystalAdapter::clear"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter12clearBlinkerEv", "LiquidCrystalAdapter::clearBlinker"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar::c"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar::id"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", "LiquidCrystalAdapter::draw"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", "LiquidCrystalAdapter::draw"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", "LiquidCrystalAdapter::draw::byte"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", "LiquidCrystalAdapter::draw::text"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter11drawBlinkerEv", "LiquidCrystalAdapter::drawBlinker"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter4hideEv", "LiquidCrystalAdapter::hide"], [31, 4, 1, "_CPPv4N20LiquidCrystalAdapter3lcdE", "LiquidCrystalAdapter::lcd"], [31, 4, 1, "_CPPv4N20LiquidCrystalAdapter7maxColsE", "LiquidCrystalAdapter::maxCols"], [31, 4, 1, "_CPPv4N20LiquidCrystalAdapter7maxRowsE", "LiquidCrystalAdapter::maxRows"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", "LiquidCrystalAdapter::setBacklight"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", "LiquidCrystalAdapter::setBacklight::enabled"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor::col"], [31, 3, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor::row"], [31, 2, 1, "_CPPv4N20LiquidCrystalAdapter4showEv", "LiquidCrystalAdapter::show"], [32, 1, 1, "_CPPv424LiquidCrystal_I2CAdapter", "LiquidCrystal_I2CAdapter"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", "LiquidCrystal_I2CAdapter::LiquidCrystal_I2CAdapter"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", "LiquidCrystal_I2CAdapter::LiquidCrystal_I2CAdapter::lcd"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter5beginEv", "LiquidCrystal_I2CAdapter::begin"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter5clearEv", "LiquidCrystal_I2CAdapter::clear"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12clearBlinkerEv", "LiquidCrystal_I2CAdapter::clearBlinker"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar::c"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar::id"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", "LiquidCrystal_I2CAdapter::draw"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", "LiquidCrystal_I2CAdapter::draw"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", "LiquidCrystal_I2CAdapter::draw::byte"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", "LiquidCrystal_I2CAdapter::draw::text"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter11drawBlinkerEv", "LiquidCrystal_I2CAdapter::drawBlinker"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4hideEv", "LiquidCrystal_I2CAdapter::hide"], [32, 4, 1, "_CPPv4N24LiquidCrystal_I2CAdapter3lcdE", "LiquidCrystal_I2CAdapter::lcd"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", "LiquidCrystal_I2CAdapter::setBacklight"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", "LiquidCrystal_I2CAdapter::setBacklight::enabled"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor::col"], [32, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor::row"], [32, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4showEv", "LiquidCrystal_I2CAdapter::show"], [27, 1, 1, "_CPPv48MenuItem", "MenuItem"], [27, 2, 1, "_CPPv4N8MenuItem8MenuItemEPKc", "MenuItem::MenuItem"], [27, 3, 1, "_CPPv4N8MenuItem8MenuItemEPKc", "MenuItem::MenuItem::text"], [27, 2, 1, "_CPPv4N8MenuItem4drawEP12MenuRenderer", "MenuItem::draw"], [27, 3, 1, "_CPPv4N8MenuItem4drawEP12MenuRenderer", "MenuItem::draw::renderer"], [27, 2, 1, "_CPPv4N8MenuItem7getTextEv", "MenuItem::getText"], [27, 2, 1, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", "MenuItem::getViewSize"], [27, 3, 1, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", "MenuItem::getViewSize::renderer"], [27, 2, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process"], [27, 3, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process::command"], [27, 3, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process::menu"], [27, 2, 1, "_CPPv4N8MenuItem7setTextEPKc", "MenuItem::setText"], [27, 3, 1, "_CPPv4N8MenuItem7setTextEPKc", "MenuItem::setText::text"], [27, 4, 1, "_CPPv4N8MenuItem4textE", "MenuItem::text"], [27, 2, 1, "_CPPv4N8MenuItemD0Ev", "MenuItem::~MenuItem"], [42, 1, 1, "_CPPv412MenuRenderer", "MenuRenderer"], [42, 2, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer"], [42, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::display"], [42, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::maxCols"], [42, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::maxRows"], [42, 2, 1, "_CPPv4N12MenuRenderer5beginEv", "MenuRenderer::begin"], [42, 2, 1, "_CPPv4N12MenuRenderer12clearBlinkerEv", "MenuRenderer::clearBlinker"], [42, 4, 1, "_CPPv4N12MenuRenderer9cursorColE", "MenuRenderer::cursorCol"], [42, 4, 1, "_CPPv4N12MenuRenderer9cursorRowE", "MenuRenderer::cursorRow"], [42, 4, 1, "_CPPv4N12MenuRenderer7displayE", "MenuRenderer::display"], [42, 2, 1, "_CPPv4N12MenuRenderer4drawE7uint8_t", "MenuRenderer::draw"], [42, 3, 1, "_CPPv4N12MenuRenderer4drawE7uint8_t", "MenuRenderer::draw::byte"], [42, 2, 1, "_CPPv4N12MenuRenderer11drawBlinkerEv", "MenuRenderer::drawBlinker"], [42, 2, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKc", "MenuRenderer::drawItem"], [42, 3, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKc", "MenuRenderer::drawItem::text"], [42, 3, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKc", "MenuRenderer::drawItem::value"], [42, 2, 1, "_CPPv4NK12MenuRenderer12getCursorColEv", "MenuRenderer::getCursorCol"], [42, 2, 1, "_CPPv4NK12MenuRenderer12getCursorRowEv", "MenuRenderer::getCursorRow"], [42, 2, 1, "_CPPv4NK12MenuRenderer16getEffectiveColsEv", "MenuRenderer::getEffectiveCols"], [42, 2, 1, "_CPPv4NK12MenuRenderer10getMaxColsEv", "MenuRenderer::getMaxCols"], [42, 2, 1, "_CPPv4NK12MenuRenderer10getMaxRowsEv", "MenuRenderer::getMaxRows"], [42, 4, 1, "_CPPv4N12MenuRenderer8hasFocusE", "MenuRenderer::hasFocus"], [42, 4, 1, "_CPPv4N12MenuRenderer19hasHiddenItemsAboveE", "MenuRenderer::hasHiddenItemsAbove"], [42, 4, 1, "_CPPv4N12MenuRenderer19hasHiddenItemsBelowE", "MenuRenderer::hasHiddenItemsBelow"], [42, 4, 1, "_CPPv4N12MenuRenderer10inEditModeE", "MenuRenderer::inEditMode"], [42, 2, 1, "_CPPv4NK12MenuRenderer12isInEditModeEv", "MenuRenderer::isInEditMode"], [42, 4, 1, "_CPPv4N12MenuRenderer7maxColsE", "MenuRenderer::maxCols"], [42, 4, 1, "_CPPv4N12MenuRenderer7maxRowsE", "MenuRenderer::maxRows"], [42, 2, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor"], [42, 3, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor::cursorCol"], [42, 3, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor::cursorRow"], [42, 2, 1, "_CPPv4N12MenuRenderer12restartTimerEv", "MenuRenderer::restartTimer"], [42, 2, 1, "_CPPv4N12MenuRenderer11setEditModeEb", "MenuRenderer::setEditMode"], [42, 3, 1, "_CPPv4N12MenuRenderer11setEditModeEb", "MenuRenderer::setEditMode::inEditMode"], [42, 4, 1, "_CPPv4N12MenuRenderer9startTimeE", "MenuRenderer::startTime"], [42, 2, 1, "_CPPv4N12MenuRenderer11updateTimerEv", "MenuRenderer::updateTimer"], [42, 4, 1, "_CPPv4N12MenuRenderer9viewShiftE", "MenuRenderer::viewShift"], [28, 1, 1, "_CPPv410MenuScreen", "MenuScreen"], [28, 2, 1, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", "MenuScreen::MenuScreen"], [28, 3, 1, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", "MenuScreen::MenuScreen::items"], [28, 4, 1, "_CPPv4N10MenuScreen6cursorE", "MenuScreen::cursor"], [28, 2, 1, "_CPPv4N10MenuScreen4downEP12MenuRenderer", "MenuScreen::down"], [28, 3, 1, "_CPPv4N10MenuScreen4downEP12MenuRenderer", "MenuScreen::down::renderer"], [28, 2, 1, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", "MenuScreen::draw"], [28, 3, 1, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", "MenuScreen::draw::renderer"], [28, 2, 1, "_CPPv4N10MenuScreen9getCursorEv", "MenuScreen::getCursor"], [28, 2, 1, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", "MenuScreen::getItemAt"], [28, 3, 1, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", "MenuScreen::getItemAt::position"], [28, 4, 1, "_CPPv4N10MenuScreen9itemCountE", "MenuScreen::itemCount"], [28, 4, 1, "_CPPv4N10MenuScreen5itemsE", "MenuScreen::items"], [28, 2, 1, "_CPPv4N10MenuScreenixEK7uint8_t", "MenuScreen::operator[]"], [28, 3, 1, "_CPPv4N10MenuScreenixEK7uint8_t", "MenuScreen::operator[]::position"], [28, 4, 1, "_CPPv4N10MenuScreen6parentE", "MenuScreen::parent"], [28, 2, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process"], [28, 3, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process::command"], [28, 3, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process::menu"], [28, 2, 1, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", "MenuScreen::reset"], [28, 3, 1, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", "MenuScreen::reset::renderer"], [28, 2, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor"], [28, 3, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor::position"], [28, 3, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor::renderer"], [28, 2, 1, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", "MenuScreen::setParent"], [28, 3, 1, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", "MenuScreen::setParent::parent"], [28, 2, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators"], [28, 3, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators::index"], [28, 3, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators::renderer"], [28, 2, 1, "_CPPv4N10MenuScreen2upEP12MenuRenderer", "MenuScreen::up"], [28, 3, 1, "_CPPv4N10MenuScreen2upEP12MenuRenderer", "MenuScreen::up::renderer"], [28, 4, 1, "_CPPv4N10MenuScreen4viewE", "MenuScreen::view"], [33, 1, 1, "_CPPv419SSD1803A_I2CAdapter", "SSD1803A_I2CAdapter"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", "SSD1803A_I2CAdapter::SSD1803A_I2CAdapter"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", "SSD1803A_I2CAdapter::SSD1803A_I2CAdapter::lcd"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter5beginEv", "SSD1803A_I2CAdapter::begin"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter5clearEv", "SSD1803A_I2CAdapter::clear"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter12clearBlinkerEv", "SSD1803A_I2CAdapter::clearBlinker"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar::c"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar::id"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", "SSD1803A_I2CAdapter::draw"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", "SSD1803A_I2CAdapter::draw"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", "SSD1803A_I2CAdapter::draw::byte"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", "SSD1803A_I2CAdapter::draw::text"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter11drawBlinkerEv", "SSD1803A_I2CAdapter::drawBlinker"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4hideEv", "SSD1803A_I2CAdapter::hide"], [33, 4, 1, "_CPPv4N19SSD1803A_I2CAdapter3lcdE", "SSD1803A_I2CAdapter::lcd"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", "SSD1803A_I2CAdapter::setBacklight"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", "SSD1803A_I2CAdapter::setBacklight::enabled"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor::col"], [33, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor::row"], [33, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4showEv", "SSD1803A_I2CAdapter::show"], [39, 1, 1, "_CPPv419SimpleRotaryAdapter", "SimpleRotaryAdapter"], [39, 2, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter"], [39, 3, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter::encoder"], [39, 3, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter::menu"], [39, 4, 1, "_CPPv4N19SimpleRotaryAdapter7encoderE", "SimpleRotaryAdapter::encoder"], [39, 4, 1, "_CPPv4N19SimpleRotaryAdapter13lastPressTimeE", "SimpleRotaryAdapter::lastPressTime"], [39, 2, 1, "_CPPv4N19SimpleRotaryAdapter7observeEv", "SimpleRotaryAdapter::observe"], [39, 4, 1, "_CPPv4N19SimpleRotaryAdapter12pendingEnterE", "SimpleRotaryAdapter::pendingEnter"]]}, "objnames": {"0": ["c", "macro", "C macro"], "1": ["cpp", "class", "C++ class"], "2": ["cpp", "function", "C++ function"], "3": ["cpp", "functionParam", "C++ function parameter"], "4": ["cpp", "member", "C++ member"], "5": ["cpp", "templateParam", "C++ template parameter"], "6": ["cpp", "enum", "C++ enum"], "7": ["cpp", "enumerator", "C++ enumerator"]}, "objtypes": {"0": "c:macro", "1": "cpp:class", "2": "cpp:function", "3": "cpp:functionParam", "4": "cpp:member", "5": "cpp:templateParam", "6": "cpp:enum", "7": "cpp:enumerator"}, "terms": {"": [7, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 41, 42, 47, 48], "0": [12, 14, 18, 19, 22, 23, 26, 28, 29, 30, 37, 38, 39, 41, 42, 53, 56, 57, 62, 65], "00": 12, "0123456": [55, 59], "0123456789": [10, 55, 59], "01f": 57, "02ddb": 12, "02dm": 57, "02f": [12, 62], "05db": 12, "0f": [12, 57], "0x00": [47, 48], "0x04": 41, "0x0e": 41, "0x1f": 41, "0x27": [5, 14, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "0x3d": [14, 63], "0x40": 38, "0x5f": [14, 38], "0x7e": [14, 38, 41], "0x7f": [14, 41], "0xa5": 14, "1": [5, 6, 7, 11, 13, 16, 17, 19, 20, 21, 22, 23, 24, 25, 27, 28, 41, 53, 57, 62], "10": [44, 47, 48], "100": [12, 57, 62], "1000": [39, 62], "10000": [47, 48], "10000m": 61, "101": 44, "102": 44, "103": 44, "104": 44, "107": 44, "108": 44, "11": [14, 47, 49, 53], "110": 44, "111": 44, "112": 44, "113": 44, "114": 44, "115": 44, "12": [14, 47, 49, 60], "122": 44, "123": 44, "126": 44, "128": [38, 62], "130": 44, "135": 44, "142": 44, "149": 44, "150": 44, "151": 44, "152": 44, "154": 44, "155": 44, "156": 44, "159": 44, "16": [5, 47, 48, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "164": 44, "165": 44, "167": 44, "16x2": [5, 6], "170": 44, "172": 44, "185": 44, "189": 44, "192": 44, "199": 44, "1f": 18, "2": [5, 11, 13, 14, 23, 38, 41, 47, 48, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "20": [14, 63], "200": 57, "2000": 62, "200m": 62, "2020": 46, "2024": 46, "203": 44, "206": 44, "213": 44, "214": 44, "215": 44, "216": 44, "218": 44, "219": 44, "220": 44, "221": 44, "223": 44, "224": 44, "225": 44, "226": 44, "227": 44, "228": 44, "230": 44, "233": 44, "234": 44, "235": 44, "237": 44, "238": 44, "239": 44, "240": 44, "241": 44, "242": 44, "243": 44, "244": 44, "246": 44, "257": 44, "2f": [18, 23], "2fma": 57, "2x20": 62, "3": [5, 11, 13, 14, 38, 47, 49, 53, 56, 62, 65], "300": 39, "3000": 62, "32": 60, "3d": 15, "4": [5, 11, 13, 14, 47, 49, 53, 56, 63, 65], "40": 44, "458719343aabd01cfb17a3a4f7296797": 38, "48": 38, "4x10": 33, "4x16": 33, "4x20": 33, "5": [5, 12, 14, 47, 49, 52, 60], "50": [12, 65], "500": 62, "50db": 12, "5f": 12, "6": 52, "61": 44, "6429": 38, "7": [41, 52, 60], "70": 44, "71": 44, "77": 44, "78": 44, "79": 44, "8": [41, 53, 60, 62, 65], "80": 44, "81": 44, "82": 44, "83": 44, "86": 44, "87": 44, "9": 60, "91": 44, "92": 44, "93": 44, "9600": [3, 5, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "A": [2, 5, 6, 7, 8, 9, 10, 11, 12, 13, 16, 17, 19, 20, 22, 23, 29, 31, 32, 33, 38, 41, 44, 46], "AND": 46, "AS": 46, "And": 56, "As": [7, 38, 44], "BE": 46, "BUT": 46, "By": 44, "FOR": 46, "For": [1, 2, 3, 4, 5, 9, 10, 15, 45, 47, 48], "IN": 46, "If": [14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27], "In": [3, 5, 44, 47, 49, 50], "It": [0, 5, 6, 7, 10, 11, 12, 13, 14, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 30, 31, 32, 36, 39, 41, 42, 44], "NO": 46, "NOT": 46, "OF": 46, "ON": 25, "OR": 46, "THE": 46, "TO": 46, "That": [47, 48], "The": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 16, 17, 18, 19, 20, 21, 22, 23, 25, 26, 27, 28, 29, 31, 32, 33, 36, 39, 41, 42, 44, 46, 47, 48, 49, 50, 61, 67, 69], "Then": [1, 3, 4, 11, 13, 26, 45], "There": [0, 7, 12, 15, 44], "These": [12, 28], "To": [1, 3, 4, 5, 14, 45], "WITH": [46, 62], "Will": 26, "With": 0, "a0": 62, "abcdefghijklmnopqrstuvwxyz": [53, 56], "abil": [47, 50], "abl": [2, 10, 47, 48], "abort": 20, "abortcharedit": 20, "about": [1, 2, 3, 4, 6, 7, 9, 10, 11, 12, 13, 14, 44, 45], "abov": [42, 46], "abstract": [29, 30, 37, 42, 44], "accept": [7, 9], "accomplish": 68, "accordingli": [2, 19, 28, 36], "account": 41, "action": [2, 4, 6, 7, 10, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 39, 46], "activ": [26, 62], "actual": 20, "ad": [5, 44], "adapt": [31, 32, 33, 36, 39, 44, 50, 53], "add": [5, 10, 44, 47, 48, 49, 50], "addit": [29, 44], "addition": [19, 23, 25], "adjust": [2, 4, 12, 19], "after": [12, 14, 19, 22, 23, 25, 26, 27, 41, 44], "again": 45, "aim": 44, "all": [20, 23, 35, 44, 46, 47, 48], "alloc": [41, 44], "allow": [1, 2, 3, 4, 9, 10, 11, 12, 17, 18, 19, 21, 23, 25, 44, 47, 50, 67], "alreadi": [2, 38], "also": [0, 7, 8, 10, 12, 41, 44], "altern": 44, "alwai": [14, 16, 17, 19, 20, 22, 23, 24, 25, 27, 28], "amount": 44, "an": [0, 1, 2, 3, 4, 5, 7, 9, 10, 11, 12, 14, 17, 19, 20, 22, 25, 26, 29, 30, 31, 32, 33, 36, 37, 39, 41, 42, 46, 67], "analogread": 62, "andcan": 44, "ani": [6, 8, 15, 26, 30, 45, 46, 47, 48], "anoth": [7, 67], "ansi_escape_cod": 38, "anymor": 44, "api": [0, 1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 44, 45], "appear": [15, 44], "append": [14, 19, 41], "appropri": 45, "aqua": [53, 60, 65], "ar": [0, 4, 7, 12, 14, 15, 38, 41, 42, 44, 47, 48, 49], "architectur": 44, "arduino": [0, 5, 44], "arduino_arch_avr": 62, "arduino_freerto": 62, "area": [19, 27, 28], "argument": 12, "aris": 46, "around": 8, "arrai": [22, 28, 29, 31, 32, 33, 41, 60], "arriv": 38, "arrow": [3, 5, 38, 41], "ascii": 38, "ask": 45, "associ": [6, 46], "asynchron": 38, "atroci": 15, "attribut": [19, 23, 27, 35, 37, 41, 42, 45], "author": 46, "autom": 44, "avail": [10, 27, 38, 41, 42, 47, 48, 50], "availablecolumn": 41, "b": 38, "back": [1, 2, 3, 4, 7, 16, 19, 26, 28, 38, 39, 52, 54, 55, 56, 59, 64], "back_pin": 1, "backbutton": 1, "backbuttona": 1, "backlight": [31, 32, 47, 48, 52, 53, 54, 58, 65, 66], "backspac": [2, 3, 4, 19, 38, 39, 53], "backspacebtn": 53, "backspacebtna": 53, "backward": 44, "bar": 44, "base": [8, 23, 26, 29, 30, 37, 41, 42, 44, 45], "basic": [8, 14, 42, 44, 45, 68], "been": [44, 47, 49], "befor": [9, 19], "begin": [1, 3, 5, 14, 30, 31, 32, 33, 41, 42, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "behav": 6, "behavior": [6, 12], "behaviour": [16, 17, 19, 20, 22, 23, 24, 25, 27], "being": [6, 44], "below": [5, 42, 44], "better": 44, "between": [7, 19, 25, 28, 38, 39, 44, 47, 69], "biggest": [47, 48], "blink": [47, 49, 51, 52, 54, 55, 57, 58, 59, 61, 63, 64, 65, 66], "blinker": [19, 29, 31, 32, 33, 41, 42], "blue": [53, 60, 65], "board": 44, "bodi": 7, "bool": [7, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 30, 31, 32, 33, 38, 39, 42, 52, 53, 54, 62, 65], "boolean": [7, 25], "border": [19, 28], "bot": 44, "bottom": 44, "bound": [2, 22, 44], "box": 2, "bright": 12, "broken": 44, "bubbl": [16, 17, 19, 20, 22, 23, 24, 25, 27], "buffer": 38, "buffer1": 62, "buffer2": 62, "bug_report": 44, "bugfix": 44, "build": 5, "built": 0, "button": [2, 3, 4, 5, 7, 36, 38, 39, 52, 53], "buttonadapt": [1, 37, 40, 44, 53, 68], "buttonwithrotaryadapt": 68, "byte": [16, 17, 19, 20, 22, 23, 24, 25, 27, 30, 31, 32, 33, 36, 38, 41, 42], "c": [26, 29, 31, 32, 33, 38, 44, 46], "c0": 38, "c1": 38, "c2_csi": 38, "c2_csi_terminal_max": 38, "c2_csi_terminal_min": 38, "c2_dc": 38, "c2_osc": 38, "c3": 38, "calcul": [41, 42], "call": [1, 2, 9, 10, 11, 12, 14, 19, 22, 23, 25, 26, 27, 38, 45, 52, 54, 55, 56, 59, 61, 64], "callback": [9, 10, 11, 12, 17, 18, 19, 20, 21, 22, 23, 25, 44, 52, 53, 55, 56, 57, 59, 60, 64, 65, 68], "callbackfloat": 57, "callbackint": 57, "can": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27, 38, 39, 44, 45, 67, 68], "cannot": [29, 37], "car": 2, "care": [1, 2, 3, 4], "case": 0, "categori": 13, "chang": [5, 7, 12, 15, 16, 19, 20, 22, 23, 25, 27], "changescreen": [16, 24], "chapter": 5, "char": [9, 10, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 30, 31, 32, 33, 38, 41, 42, 44, 53, 55, 56, 59, 62, 64], "charact": [2, 10, 15, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 29, 31, 32, 33, 38, 41, 44], "characterdisplayinterfac": [14, 30, 31, 32, 33, 34, 41], "characterdisplayrender": [5, 14, 42, 43, 44, 47, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "charedit": 20, "charg": 46, "charset": [8, 20, 44, 55, 56, 59], "charsetinput": 68, "charsetposit": 20, "check": [0, 1, 3, 4, 5, 7, 9, 10, 12, 42, 44, 45], "checklist": 44, "checkout": [47, 49], "choic": 14, "choos": 0, "ci": 44, "claim": 46, "clang": [51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "clariti": 44, "class": [8, 9, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 35, 36, 37, 38, 39, 41, 42, 44, 45], "cleanup": 44, "clear": [2, 3, 19, 26, 29, 30, 31, 32, 33, 38, 41, 42, 45, 56], "clearblink": [29, 31, 32, 33, 41, 42], "clearinput": 56, "clockwis": 4, "close": [47, 49], "code": [0, 14, 38, 44, 47, 48, 49, 50], "codebas": 44, "codeset": 38, "col": [14, 30, 31, 32, 33, 41, 60], "collect": [8, 9], "color": [11, 15, 53, 60, 65], "colorscallback": [53, 60, 65], "column": [14, 27, 31, 41, 42], "com": [38, 44], "come": 0, "command": [2, 8, 16, 17, 19, 20, 22, 23, 24, 25, 27, 28, 36, 38, 44], "commit": [12, 20], "commitcharedit": 20, "commitonchang": [18, 21, 23], "common": 44, "commonli": 2, "commun": 15, "compar": 44, "compat": 44, "compil": 44, "complet": 68, "complex": 5, "compon": 5, "comput": [3, 41], "con": [55, 57, 59, 64], "concaten": [18, 21, 23], "concept": 8, "condit": [44, 46], "configur": [7, 12, 44], "connect": [1, 3, 4, 7, 46, 47, 49, 51, 52, 54, 55, 58, 59, 61, 63, 64, 65, 66], "consecut": 39, "consid": 39, "consist": 44, "consolid": [47, 49], "const": [9, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 30, 31, 32, 33, 41, 42, 53, 55, 56, 59], "constant": [44, 47, 48], "construct": [16, 17, 19, 20, 22, 23, 25, 26, 57, 60], "constructor": [28, 41, 42], "contain": [28, 35, 44, 68], "content": [26, 41, 42], "contract": 46, "contrast": [58, 66], "contrast1": 66, "contrast2": 66, "contrast3": 66, "contrast4": 66, "contrast5": 66, "contrast6": 66, "contrast7": 66, "contribut": 44, "contributor": 44, "control": [1, 3, 4, 5, 7, 16, 17, 19, 20, 22, 23, 24, 25, 27, 29, 31, 32, 33, 38, 39, 44, 48], "convert": 38, "cool": 15, "copi": [44, 46], "copyright": 46, "core": 44, "could": 15, "counterclockwis": 4, "cr": 38, "creat": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 17, 25, 29, 31, 32, 33, 41, 44, 45, 47, 49, 50, 55, 56, 58, 59, 66], "createchar": [29, 31, 32, 33], "cross": [19, 28], "crystal": [14, 47, 49], "csi": 38, "csi_buffer_s": 38, "csibuff": 38, "csibuffercursor": 38, "curr": 57, "current": [2, 7, 19, 20, 22, 23, 25, 26, 27, 28, 38, 42, 44, 47, 50], "currentvalu": 23, "cursor": [19, 20, 26, 28, 31, 32, 41, 42, 44, 47, 48], "cursor_icon": [47, 48], "cursorchar": 14, "cursorcol": [41, 42], "cursoricon": 41, "cursorrow": [41, 42], "custom": [7, 8, 9, 15, 29, 31, 32, 33, 41, 44, 45, 47, 48, 50], "custominput": 9, "cycl": [10, 44], "d": [21, 23, 38], "damag": 46, "datasheet": 14, "db": 12, "deal": 46, "debug": [3, 44], "decim": [12, 23], "declar": [44, 52, 53, 54, 55, 56, 57, 59, 60, 64, 65], "decod": [16, 17, 19, 20, 22, 23, 24, 25, 27], "decoupl": 44, "decrement": [12, 18, 21, 23], "dedic": [2, 4, 7], "default": [9, 10, 12, 16, 25, 27, 37, 38, 39, 41, 44, 61], "default_valu": 9, "defin": [5, 11, 13, 16, 17, 18, 19, 20, 21, 22, 24, 25, 27, 28, 30, 38, 39, 44, 47, 48, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "definit": [7, 44], "dejanmeznarc": 44, "del": 38, "deleg": [16, 17, 19, 20, 22, 23, 24, 25, 27, 44], "delet": [2, 3, 38], "demo": 60, "demonstr": [44, 67, 68], "depend": 44, "deprec": 44, "deriv": [30, 37], "descript": 35, "design": [0, 5, 41, 47, 49], "desir": [13, 47, 48, 49], "destructor": 29, "detail": [0, 5, 35, 38, 44, 47, 48, 49, 50], "detect": [38, 39, 53], "determin": [16, 17, 19, 20, 22, 23, 24, 25, 26, 27], "dev": 44, "develop": 44, "devic": [4, 5, 7, 15, 29, 38], "differ": [5, 15, 24, 44], "digit": [1, 12, 44], "digitalinputadapt": 44, "digitalwrit": 7, "directli": [29, 37, 44], "directori": [44, 47, 49, 68], "disabl": [4, 14, 53], "discuss": 45, "displai": [0, 5, 6, 8, 9, 10, 11, 12, 13, 15, 18, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 35, 41, 42, 44, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "display_timeout": [47, 48], "displayinterfac": [16, 17, 19, 20, 22, 23, 24, 25, 27, 29, 34, 42, 44], "dist": [12, 57, 65], "distanc": 12, "distribut": 46, "dm": 65, "do": [9, 10, 11, 12, 44, 45, 46, 55, 56, 57, 59, 60, 64], "doc": 44, "document": [35, 46], "doe": 6, "doesn": [44, 67], "dogm204": [14, 33, 63], "dogs104": [33, 63], "dogs164": [33, 63], "don": [2, 4, 7, 10, 14, 15], "doubl": [39, 53], "double_press_threshold": [39, 53], "down": [1, 2, 3, 4, 10, 14, 28, 38, 41, 52], "down_pin": 1, "downarrow": [14, 41], "downbtn": 52, "downbtna": 52, "downbutton": 1, "downbuttona": 1, "draw": [15, 19, 20, 22, 23, 25, 26, 27, 28, 29, 30, 31, 32, 33, 41, 42, 47, 48], "drawblink": [29, 31, 32, 33, 41, 42], "drawchar": 20, "drawitem": [14, 41, 42], "drawn": [28, 41, 42], "drawtext": 41, "driver": 2, "durat": 39, "dynam": [41, 44], "e": [7, 12, 19, 23, 25, 27, 38, 44], "ea": 33, "each": [1, 4, 8, 9, 10, 11, 68], "eas": [1, 3, 4], "easi": [0, 1, 4, 5, 14], "easier": [13, 44], "easili": 44, "ecma": 38, "edanp": 44, "edit": [14, 19, 20, 23, 41, 42, 44, 47, 48], "edit_cursor_icon": [47, 48], "editcursorchar": 14, "editcursoricon": 41, "effect": 27, "effici": 44, "effort": 0, "either": 41, "element": [16, 17, 19, 20, 22, 23, 24, 25, 27], "elimin": 44, "email": [47, 49], "embed": 5, "en": 38, "enabl": [25, 26, 30, 31, 32, 33, 44], "encapsul": 36, "encod": [2, 3, 5, 39, 44, 53, 56, 65], "encoder_pin_a": 4, "encoder_pin_b": 4, "encoder_pin_sw": 4, "encodera": 4, "end": [19, 62], "endif": 62, "enough": [0, 14], "ensur": 44, "enter": [1, 2, 3, 4, 9, 10, 16, 17, 19, 20, 22, 23, 24, 25, 27, 38, 42, 44, 52], "enter_pin": 1, "enterbtn": 52, "enterbtna": 52, "enterbutton": 1, "enterbuttona": 1, "entir": 67, "entri": [11, 13, 45], "enum": 38, "enumer": 38, "equal": 28, "error": 44, "esc": [3, 38], "escap": 38, "esp32": 44, "esp8266": 44, "etc": [9, 14, 44], "even": [15, 16, 17, 19, 20, 22, 23, 24, 25, 27, 44], "event": [7, 37, 44, 46], "everi": [12, 23, 44], "exampl": [2, 4, 5, 9, 14, 15, 44, 45, 47, 48, 60, 67, 68], "execut": [2, 7, 12, 16, 17, 19, 20, 22, 23, 24, 25, 27, 44], "executecommand": 17, "exist": [5, 8, 44, 47, 49], "exit": [12, 42], "expand": 44, "expect": [38, 44], "explan": [47, 49], "explor": 0, "express": 46, "extend": [8, 9, 10, 22, 24, 29, 41, 44, 45], "extens": 5, "extern": [56, 58, 60, 62, 66], "f": [23, 25, 55, 56, 59, 62], "fals": [7, 18, 19, 20, 21, 22, 23, 25, 26, 28, 39, 42], "fast": 44, "favorit": 15, "fe": 38, "feat": 44, "featur": [14, 67], "feel": [15, 45], "few": 44, "field": [2, 9, 10, 19, 44], "file": [5, 46], "final": [1, 3, 4, 19, 41, 49], "find": [6, 7, 11, 12, 13, 14, 35, 45, 68], "finish": 19, "first": [8, 11, 12, 13, 19, 28, 38, 44, 47, 48, 49, 50], "fit": [2, 46, 67], "flag": [20, 26, 42], "flexibl": [0, 44, 47, 50], "float": [8, 18, 23, 27, 44, 57, 62], "fnky": 38, "focu": 42, "follow": [3, 5, 6, 7, 9, 10, 11, 12, 13, 14, 45, 46, 47, 48], "font": [11, 15], "forget": 14, "form": 38, "format": [12, 18, 21, 23, 44, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "forntoh": [5, 44, 46], "four": 5, "fourth": 12, "fptr": 17, "fptrbool": 25, "fptrfloat": 18, "fptrint": 21, "fptrstr": [9, 19, 20], "fptruint": 22, "frame": 15, "free": [15, 45, 46], "frequent": 45, "friend": [27, 28, 42], "from": [0, 2, 5, 9, 16, 17, 20, 23, 29, 31, 32, 33, 41, 42, 44, 45, 46], "full": [10, 44], "func": 62, "function": [1, 3, 4, 7, 9, 10, 11, 12, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 44, 47, 48, 49, 50, 52, 54, 55, 56, 59, 61, 64], "furnish": 46, "further": 9, "g": [7, 12, 23, 38, 44], "gener": [44, 62], "get": [0, 17, 19, 22, 25, 26, 27, 28, 42, 45], "getcallback": 17, "getcallbackint": [22, 25], "getcallbackstr": 19, "getcurrentvalu": 23, "getcursor": [26, 28], "getcursorcol": 42, "getcursorrow": 42, "getdisplayvalu": [18, 21, 23], "geteffectivecol": [41, 42], "getitem": 22, "getitemat": [26, 28], "getitemcount": 22, "getitemindex": 22, "getmaxcol": 42, "getmaxrow": [28, 42], "getrender": 26, "getscreen": [26, 62], "getsubmenu": 44, "gettext": 27, "gettextoff": 25, "gettexton": 25, "getvalu": [19, 22], "getviews": 27, "gist": 38, "github": [38, 44, 45], "global": 44, "go": [5, 39], "good": 14, "grant": 46, "green": [53, 60, 65], "guid": [0, 5, 44, 45, 47, 48, 49, 50], "h": [1, 3, 4, 5, 14, 16, 17, 18, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "ha": [6, 9, 10, 16, 17, 19, 20, 22, 23, 24, 25, 27, 42, 44], "handl": [0, 2, 5, 9, 10, 11, 12, 16, 17, 19, 20, 22, 23, 24, 25, 27, 36, 37, 38, 39, 41, 42, 44], "handleidl": 38, "handlereceiv": 38, "hardwar": 44, "hasfocu": 42, "hashiddenitemsabov": 42, "hashiddenitemsbelow": 42, "haslastchar": 38, "have": [2, 3, 6, 7, 10, 14, 15, 44, 47, 49], "header": [1, 3, 4], "hello": [7, 62], "help": [2, 15, 44], "helper": [5, 44], "here": [7, 14, 15, 35, 47, 48], "herebi": 46, "hidden": 42, "hide": [26, 30, 31, 32, 33, 42, 45], "hierarch": 13, "high": 7, "highlight": [2, 14], "holder": 46, "horizont": [41, 42], "how": [5, 6, 12, 15, 44, 45, 47, 48, 49, 50, 67, 68], "html": 44, "http": [38, 44], "i": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 36, 37, 38, 39, 41, 42, 44, 45, 46, 47, 48, 49, 50, 61, 62, 67, 68], "i2c": [14, 33, 44, 47, 49], "icon": [41, 47, 48], "id": [5, 29, 31, 32, 33], "identifi": [29, 31, 32, 33], "idl": 38, "ignor": [16, 17, 19, 20, 22, 23, 24, 25, 27], "implement": [2, 30, 36, 37, 38, 41, 44, 45], "impli": 46, "import": [44, 61], "includ": [0, 1, 3, 4, 5, 14, 16, 17, 18, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "increment": [12, 18, 19, 21, 23], "index": [11, 19, 22, 28, 44, 60], "indic": [28, 41, 42, 44], "ineditmod": 42, "inform": [1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 18, 19, 21, 44, 45], "inherit": [9, 16, 17], "ini": 5, "initcharedit": 20, "initi": [3, 7, 12, 14, 19, 20, 25, 26, 27, 28, 31, 32, 36, 38, 41, 42, 48, 49, 51, 57, 58, 60, 61, 63], "inject": 27, "inlin": [16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 44], "ino": 44, "input": [0, 1, 3, 4, 5, 7, 8, 18, 19, 20, 21, 26, 35, 36, 37, 38, 39, 44, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "inputcallback": [53, 55, 56, 59, 64], "inputinterfac": [36, 38, 39, 40], "inputrotari": [44, 68], "insert": 19, "instanc": [14, 26, 39, 44, 47, 48, 49, 50], "instanti": [29, 37], "instead": [44, 47, 49], "int": [12, 21, 27, 57, 65], "int8_t": 20, "integ": [8, 21, 25, 44, 57], "integr": 44, "intend": 37, "interact": [3, 5, 8, 17, 22, 31, 32, 33, 36, 37, 44], "interfac": [0, 5, 29, 30, 31, 32, 33, 37, 38, 39, 42, 44], "intermedi": 38, "intern": [19, 23, 38], "interv": 39, "intfloatvalu": 68, "introduc": [38, 44], "introduct": 44, "invok": [17, 19, 20], "isattheend": 44, "isatthestart": 44, "isineditmod": 42, "iso": 38, "isol": 44, "ison": [25, 52, 53, 54, 62, 65], "issu": 44, "issubmenu": 44, "item": [2, 5, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 41, 42, 44, 45, 47, 49, 51, 57, 60, 67], "item_back": [7, 16, 58], "item_bas": [5, 6, 13, 27, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "item_command": [7, 17, 56], "item_float_rang": [12, 18, 57], "item_input": [9, 19, 64], "item_input_charset": [10, 20, 53, 55, 56, 59], "item_int_rang": [12, 21, 57, 65], "item_list": 11, "item_string_list": [22, 53, 60, 65], "item_submenu": [13, 24, 56, 58, 62, 66], "item_toggl": [7, 25, 52, 53, 54, 62, 65], "itemback": [27, 35, 68], "itemcommand": [27, 35, 56], "itemcount": [22, 28], "itemfloatrang": [35, 57], "itemindex": [22, 44], "iteminput": [9, 20, 27, 35, 55, 56, 64], "iteminputcharset": [19, 35, 53, 55, 56, 59], "itemintrang": [35, 57, 65], "itemlist": [27, 35, 44, 53, 60, 65], "itemprogress": 44, "itemrangebas": [18, 21, 27, 35], "itemsubmenu": [27, 35, 44, 56, 58, 62, 66], "itemtoggl": [27, 35, 52, 53, 54, 62, 65], "its": [9, 10, 11, 36, 44, 58, 66], "javascript": [16, 17, 19, 20, 22, 23, 24, 25, 27], "jump": 44, "just": 44, "kei": [3, 5, 22, 25, 44], "keyboard": [2, 5, 10, 38, 51, 54, 55, 57, 58, 59, 60, 61, 62, 63, 64, 66, 67], "keyboardadapt": [3, 5, 37, 40, 44, 51, 54, 55, 57, 58, 60, 61, 62, 63, 64, 66, 67, 68], "keypad": 10, "kind": 46, "km": 12, "knob": 4, "know": 8, "l": [19, 23], "label": [6, 9, 10], "lambda": 7, "last": [12, 38], "lastchar": 38, "lastchartimestamp": 38, "lastpresstim": 39, "late": 27, "later": 26, "layout": [15, 38, 44], "lcd": [0, 5, 6, 14, 17, 31, 32, 33, 36, 39, 44, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "lcd_col": [14, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "lcd_row": [14, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "lcdadapt": [5, 14, 47, 48, 49, 50, 52, 53, 54, 61, 62, 63, 65], "lcdadat": 14, "lcdmenu": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 45, 46, 48, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69], "leak": 44, "led": 7, "led_pin": 7, "left": [2, 3, 16, 17, 19, 20, 22, 23, 24, 25, 27, 38, 67], "length": [9, 19], "let": 7, "level": [12, 13], "lf": 38, "liabil": 46, "liabl": 46, "lib_dep": 5, "librari": [0, 1, 4, 5, 31, 32, 33, 35, 44, 47, 62, 68, 69], "licens": 44, "like": [2, 5, 6, 15, 16, 17, 19, 20, 22, 23, 24, 25, 27, 47, 48], "limit": [9, 46], "line": 5, "link": 13, "liquid": [14, 47, 49], "liquidcryst": [14, 31, 44, 47, 48, 49], "liquidcrystal_i2c": [5, 14, 32, 44, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "liquidcrystal_i2cadapt": [5, 14, 29, 34, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 64, 65, 66, 67], "liquidcrystaladapt": [14, 29, 34, 44, 47, 49], "liquidcrystali2cadapt": [44, 47, 48, 49], "list": [8, 13, 22, 44, 45, 68], "listitem": 11, "ll": [47, 48, 49, 50], "log": 44, "logic": [9, 28, 44, 47, 48], "long": [2, 4, 14, 38, 39, 41, 42, 44, 67], "long_press_dur": 39, "longer": 44, "look": 7, "loop": [1, 3, 4, 5, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "lot": [15, 44, 47, 49], "low": 7, "lower": 44, "luckili": 2, "m": [23, 38, 62, 67], "ma": 62, "macro": [47, 49], "made": 44, "mai": [14, 44], "main": [26, 38, 51, 57, 58, 60, 66], "main_menu": [47, 49], "mainitem": [5, 47, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "mainli": 2, "mainmenu": [47, 48, 49], "mainscreen": [5, 47, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "maintain": 44, "major": [44, 47, 49], "make": [13, 44, 47, 48, 49, 50], "manag": [5, 26, 31, 32, 39, 44], "map": [1, 2, 3, 4, 38], "match": [17, 47, 49], "max": [18, 21, 23], "maxcol": [31, 41, 42], "maximum": [12, 23, 31, 39, 41, 42], "maxrow": [31, 41, 42, 44], "maxvalu": 23, "md": 44, "mde": 20, "measur": [44, 62], "mechan": 37, "member": [17, 20, 22, 24, 25, 26, 27, 28, 31, 32, 33, 36, 38, 39, 42], "memori": [41, 44], "menu": [0, 1, 3, 4, 5, 9, 10, 12, 14, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 36, 37, 38, 39, 41, 42, 44, 45, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "menu_screen": [5, 13, 28, 47, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "menuitem": [16, 17, 19, 22, 23, 24, 25, 26, 28, 35, 44, 45], "menurender": [19, 20, 22, 23, 25, 26, 27, 28, 41, 43, 44], "menuscreen": [5, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 35, 42, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "menutimeout": 68, "merchant": 46, "merg": 46, "messag": [7, 9], "method": [2, 5, 14, 16, 19, 22, 23, 25, 27, 29, 31, 32, 35, 37, 41, 42, 44, 45], "might": 9, "migrat": [0, 44], "millisecond": [38, 39], "min": [18, 21, 23], "minim": 0, "minimum": [12, 23], "minut": 0, "minvalu": 23, "mit": 46, "mkr1000": 44, "mode": [20, 42, 44], "modifi": [44, 46], "modular": 44, "monitor": [5, 7], "more": [1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 44, 45, 47, 50, 56], "most": [2, 44], "motor": 7, "move": [2, 19, 26, 28, 41, 42, 44], "movecursor": [41, 42], "movement": [4, 41], "multipl": [9, 10, 11, 13, 38, 47, 49], "must": [30, 37, 39, 44, 61], "mycustomrender": 14, "myfunct": 7, "n": 38, "name": [9, 12], "navig": [1, 2, 3, 4, 5, 7, 13, 16, 22, 24, 28, 39, 41, 44], "necessari": [1, 3, 4, 19, 45], "need": [1, 2, 3, 4, 5, 8, 9, 11, 13, 14, 15, 19, 22, 23, 25, 27, 38, 44, 45, 47, 48, 49, 50], "nest": 13, "new": [5, 9, 13, 14, 15, 16, 17, 19, 20, 22, 23, 25, 26, 28, 39, 41, 45, 49, 51, 55, 56, 57, 58, 59, 60, 64, 66, 67], "next": [1, 4, 5, 20, 24, 38, 47, 49], "noexcept": 27, "noninfring": 46, "normal": 14, "note": 44, "notic": 46, "now": [38, 44, 47, 48, 50], "null": [14, 22, 25, 26, 27, 28, 37, 38, 41, 62], "num": 60, "number": [0, 8, 14, 22, 27, 28, 31, 41, 42, 44], "numscallback": 60, "o": [23, 25], "object": [1, 2, 3, 4, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 31, 32, 33, 36, 37, 41], "observ": [1, 3, 4, 5, 36, 37, 38, 39, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "obtain": 46, "occupi": 41, "off": [7, 25, 44, 47, 48, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "ol": [0, 15, 44], "on_submit": 9, "one": [5, 11, 15, 19, 38, 41], "ones": 39, "onli": [12, 26, 44, 47, 50], "open": [0, 5, 13], "oper": [16, 17, 19, 20, 22, 23, 24, 25, 27, 28, 30, 38], "opportun": 15, "optim": 44, "option": [11, 12, 14, 39, 44], "orang": [53, 60, 65], "org": 38, "organ": 13, "other": [2, 5, 6, 7, 11, 13, 26, 46], "otherwis": [19, 22, 23, 28, 42, 46], "out": [0, 2, 5, 44, 46], "output": 15, "over": [19, 28], "overrid": [9, 14, 16, 17, 18, 19, 20, 21, 22, 23, 25, 31, 32, 33, 36, 38, 39, 41], "overwritten": 39, "own": [5, 8, 9, 10, 11, 14, 15, 16, 17, 19, 20, 22, 23, 24, 25, 27], "owner": [16, 17, 19, 20, 22, 23, 24, 25, 27], "p": 38, "pad": 41, "param": [31, 32, 33, 36, 37, 39], "paramet": [7, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 29, 31, 32, 33, 38, 41, 42, 44], "parent": [13, 16, 17, 19, 20, 22, 23, 24, 25, 27, 28, 58, 66], "part": 38, "particular": 46, "pass": [1, 2, 3, 4, 7, 10, 14, 23, 47, 49, 50], "password": [47, 49], "patch": 44, "paulemich": 44, "pendingent": 39, "perform": [2, 7, 44, 47, 48], "permiss": 46, "permit": 46, "person": 46, "physic": [1, 2, 3], "pin": [1, 7], "pink": [53, 60, 65], "pinmod": 62, "place": [12, 23, 26, 47, 49], "placehold": [6, 53], "platformio": 5, "pleas": [14, 44], "po": [53, 60, 65], "point": 38, "pointer": [7, 17, 19, 22, 23, 29, 31, 32, 33, 36, 37, 39, 41, 42], "port": 3, "portion": 46, "porttick_period_m": 62, "posit": [19, 20, 26, 28, 31, 32, 41, 42], "potenti": 27, "power": 5, "pr": 44, "precis": [11, 58, 66], "prefer": 4, "presenc": 41, "present": [11, 12, 41], "press": [1, 4, 36, 39, 53], "prevent": 44, "previou": [2, 7, 16, 20, 28, 44, 47, 49], "print": [7, 12, 44, 47, 48, 55, 56, 59], "printabl": [16, 17, 19, 20, 22, 23, 24, 25, 27], "printer": 15, "printf": 62, "println": [7, 53, 55, 56, 57, 59, 60, 64, 65], "printlog": 62, "prioriti": [16, 17, 19, 20, 22, 23, 24, 25, 27], "privat": [17, 20, 22, 24, 25, 26, 27, 28, 31, 32, 33, 36, 38, 39], "process": [2, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 36, 39, 44, 47, 49], "processmenucommand": 44, "processor": 44, "program": 68, "progress": 44, "project": [0, 5, 14, 44], "properti": [9, 10], "protect": [16, 17, 19, 20, 22, 23, 24, 25, 27, 28, 37, 41, 42], "provid": [0, 1, 2, 4, 5, 8, 12, 14, 15, 18, 21, 22, 23, 24, 29, 30, 31, 32, 36, 37, 41, 42, 44, 46], "public": [9, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 44], "publish": 46, "pure": 30, "purpl": [53, 60, 65], "purpos": 46, "push": 53, "pvparamet": 62, "qualiti": 44, "question": 45, "quick": [0, 5], "quit": 67, "r": [23, 38], "random": [47, 49, 51, 52, 54, 55, 57, 58, 59, 61, 62, 63, 64, 65, 66], "randomse": 62, "rang": [0, 5, 8, 18, 19, 21, 23, 28, 44], "rate": 15, "reach": [42, 44], "read": [5, 38], "readabl": 44, "readm": 44, "receiv": [16, 17, 19, 20, 22, 23, 24, 25, 27, 28, 38], "red": [7, 53, 60, 65], "reduc": 44, "refactor": 44, "refer": [0, 1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 17, 19, 20, 25, 44, 45, 47, 48], "reflect": 44, "refresh": [19, 22, 23, 25, 26, 27, 45, 56, 62], "relai": 62, "relat": 44, "relationship": 69, "relay1st": 62, "relay2st": 62, "relay3st": 62, "relayitem": 62, "relayscreen": 62, "releas": [44, 47, 49], "remain": [47, 50], "remov": [19, 44], "renam": [47, 49], "render": [5, 6, 19, 20, 22, 23, 25, 26, 27, 28, 35, 41, 42, 44, 45, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "replac": [5, 14, 20, 44], "report": 44, "repositori": [45, 68], "repres": [7, 16, 17, 22, 24, 26, 27, 28, 29, 31, 32, 33, 39, 41], "request": 44, "requir": [16, 17, 19, 20, 22, 23, 24, 25, 27, 31, 32, 33, 44], "reserv": [41, 44], "reset": [19, 26, 28, 38, 44], "resid": [47, 48], "respons": [2, 15, 26], "restart": 42, "restarttim": 42, "restrict": [10, 46], "retriev": [16, 17, 19, 20, 22, 23, 24, 25, 27], "return": [3, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 41, 42], "review": 44, "right": [2, 3, 19, 38, 46, 67], "rotari": [2, 3, 5, 39, 44, 53], "rotaryinput": [53, 56, 65], "rotaryinputadapt": 44, "rotarynavconfig": 44, "rotat": [4, 39], "row": [14, 19, 22, 23, 25, 27, 30, 31, 32, 33, 41, 42, 44], "rst": 44, "rto": [44, 68], "run": [44, 47, 48, 62], "runtim": 45, "same": [9, 10, 11, 28, 47, 50], "sampl": 0, "save": [5, 7, 44], "savelastchar": 38, "scenario": [2, 7, 10], "screen": [2, 5, 6, 7, 8, 9, 10, 11, 13, 15, 16, 24, 26, 28, 44, 45, 67], "scroll": [2, 44, 67], "scrollabl": 19, "sdd1803a": 33, "seamlessli": 44, "search": 20, "second": [12, 47, 48, 62], "section": [35, 68], "see": [4, 15, 19, 22, 23, 25, 27, 44, 67], "seed": 62, "seen": [47, 48], "select": [2, 6, 7, 8, 9, 10, 11, 12, 13, 14, 16, 17, 20, 22, 23, 24, 39], "selectnext": 22, "selectprevi": 22, "sell": 46, "send": [7, 38], "senneder": 44, "sensor": 7, "sent": 36, "separ": [44, 47, 48, 49], "sequenc": 38, "serial": [3, 5, 7, 15, 44, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "servic": [47, 49, 51, 52, 54, 58, 61, 63, 66], "set": [2, 7, 10, 11, 12, 14, 15, 17, 19, 20, 23, 25, 26, 27, 28, 31, 32, 38, 41, 42, 44, 47, 49, 51, 56, 58, 61, 63, 66], "setbacklight": [30, 31, 32, 33, 52, 53, 54, 65], "setcallback": 17, "setcurrentvalu": 23, "setcursor": [26, 28, 30, 31, 32, 33], "setcursorposit": 44, "seteditmod": 42, "setison": 25, "setitemindex": 22, "setpar": 28, "setscreen": [5, 26, 47, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "setter": [44, 45], "settext": [27, 44, 45, 62], "settings2": 66, "settings2item": 66, "settings2screen": 66, "settingsitem": [47, 49, 58, 66], "settingsmenu": [47, 49], "settingsscreen": [47, 49, 58, 66], "setup": [1, 3, 5, 7, 14, 49, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "setvalu": [19, 56], "sever": 38, "shall": 46, "share": 15, "shift": [41, 42, 44, 67], "shishkindmitrii": 44, "short": [39, 67], "should": [17, 19, 26, 28, 38, 47, 48], "show": [13, 20, 24, 26, 30, 31, 32, 33, 42, 45, 68, 69], "shown": [28, 44], "shownextchar": 20, "showpreviouschar": 20, "signatur": 17, "similar": [16, 17, 19, 20, 22, 23, 24, 25, 27], "simpl": [0, 1, 5, 6, 7, 14], "simpleinput": [44, 68], "simplenavconfig": 44, "simplerotari": [4, 39, 53, 56, 68], "simplerotaryadapt": [4, 37, 40, 53, 56, 65], "simpli": 7, "simplifi": 44, "sinc": 44, "singl": [27, 28, 38, 47, 49], "size": [12, 15, 28], "sizeof": 62, "slot": 41, "smoother": 44, "snprintf": 62, "so": [46, 47, 48, 49, 51, 52, 54, 55, 57, 58, 59, 61, 63, 64, 65, 66], "softwar": 46, "some": [15, 38, 44], "someth": [9, 10, 11, 12, 57, 60, 64], "soon": 0, "sort": 23, "sourc": [0, 68], "space": [14, 41, 42, 44], "special": 6, "specif": [2, 7, 10, 12, 29, 37, 44, 68], "specifi": [9, 10, 12, 18, 19, 21, 22, 23, 25, 27, 28, 41, 42], "split": 19, "ssd1803": 44, "ssd1803a": 14, "ssd1803a_i2c": [14, 33, 68], "ssd1803a_i2cadapt": [14, 29, 34, 63], "stabil": 44, "stale": 44, "standard": 44, "start": [0, 38, 41, 42, 44, 45, 47, 49, 51, 52, 54, 58, 61, 63, 66], "startingvalu": [18, 21, 23], "starttim": 42, "state": [2, 7, 19, 23, 25, 26, 28, 36, 38], "statement": 44, "static": [6, 62], "static_cast": 56, "step": [5, 12, 18, 21, 23, 45], "stm32": 44, "stop": [20, 45], "store": [9, 28, 38], "stream": 38, "streamlin": 44, "string": [9, 10, 11, 12, 19, 22, 23, 27, 38, 44, 53, 60, 65], "structur": [2, 5, 6, 8, 13, 42], "stuck": 44, "stuff": [55, 56, 59], "sub": [8, 62], "sub_menu": [47, 49], "subclass": [14, 19, 27, 29, 30, 37, 42], "subject": 46, "sublicens": 46, "submenu": [24, 44, 47, 49, 58, 68], "submenuitem": 13, "submenuscreen": 13, "submiss": [9, 10], "submit": [9, 10, 19, 20], "substanti": 46, "success": [16, 17, 19, 20, 22, 23, 24, 25, 27], "successfulli": [16, 17, 19, 20, 22, 23, 24, 25, 26, 27], "suggest": 45, "suit": 15, "support": [0, 12, 14, 22, 41, 44], "swap": 44, "sync": 28, "syncind": 28, "syntax": [6, 7, 9, 10, 11, 12, 13, 44], "system": [0, 1, 3, 4, 5, 8, 13, 16, 17, 26, 37, 38, 44, 47, 49], "t": [2, 4, 7, 10, 14, 15, 19, 23, 25, 27, 44, 67], "tag": 44, "take": [1, 2, 3, 4, 7, 41], "task": 68, "temp": 62, "temperatur": [44, 62], "temperature1": 62, "temperature2": 62, "temperature3": 62, "tempitem": 62, "templat": [23, 44], "tempmea": 62, "tempscreen": 62, "termin": 38, "test": [3, 44, 62], "text": [6, 7, 14, 16, 17, 18, 19, 20, 21, 23, 24, 25, 27, 30, 31, 32, 33, 41, 42, 44, 45], "textoff": 25, "texton": 25, "tft": 15, "than": 6, "thei": [2, 15, 47, 49], "them": [5, 11, 14, 44], "thi": [3, 4, 5, 6, 7, 9, 11, 12, 13, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 35, 36, 37, 39, 41, 42, 44, 45, 46, 47, 48, 49, 50, 61, 67, 68], "thijstriemstra": 44, "thing": 8, "third": 12, "thoma": 46, "three": 62, "threshold": [38, 39], "through": [1, 2, 3, 4, 5, 10, 13, 22, 39, 44, 67], "thu": [16, 17, 19, 20, 22, 23, 24, 25, 27], "ti": 44, "time": [4, 23, 38, 39], "timeout": [38, 42, 44, 47, 48, 61], "timer": [31, 32, 42], "timestamp": 38, "todai": 44, "toggl": [8, 25, 62], "togglebacklight": [52, 53, 54, 65], "togglerelay1": 62, "togglerelay2": 62, "togglerelay3": 62, "too": [2, 41, 67], "top": 44, "tort": 46, "total": 22, "touchscreen": 15, "translat": [1, 2, 3, 4], "trigger": [7, 36], "true": [16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 42], "truncat": [14, 41], "tskidle_prior": 62, "turn": [7, 44, 47, 48], "twice": 4, "two": [7, 12, 39], "type": [12, 17, 19, 38, 44], "typechar": 19, "typenam": 23, "typo": 44, "u": [19, 23], "uint16_t": 44, "uint8_t": [11, 14, 19, 22, 26, 27, 28, 29, 30, 31, 32, 33, 38, 41, 42, 44, 53, 60, 65], "understand": 2, "unit": [12, 18, 21, 23, 44], "unset": 20, "unsign": [16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 38, 39, 42], "unus": 44, "up": [1, 2, 3, 4, 10, 14, 28, 38, 41, 44, 52], "up_pin": 1, "uparrow": [14, 41], "upbtn": 52, "upbtna": 52, "upbutton": 1, "upbuttona": 1, "updat": [2, 19, 26, 41, 42, 45, 47, 48], "updatetim": [42, 61, 62], "upgrad": 0, "upload": 5, "upper": 44, "us": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 15, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 31, 32, 33, 36, 38, 41, 42, 44, 46, 47, 48, 49, 68], "usag": 44, "user": [0, 2, 5, 6, 7, 8, 9, 10, 11, 12, 13, 18, 19, 21, 23, 25, 26, 39, 44, 53, 56, 67], "useritem": 56, "usernam": [47, 49], "userscreen": 56, "util": [44, 62], "v": [19, 23, 62], "valid": 9, "valu": [2, 4, 7, 9, 10, 12, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27, 38, 39, 41, 42, 44, 53, 55, 56, 57, 59, 62, 64], "variabl": [9, 44], "variant": 7, "variou": [5, 7, 39, 44], "veri": [16, 17, 19, 20, 22, 23, 24, 25, 27, 67], "version": [44, 47, 48, 49, 50], "view": [19, 26, 28, 42, 44, 67], "viewshift": [41, 42, 68], "viewsiz": [19, 27], "virtual": [16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 27, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42], "visibl": [19, 26, 27, 28], "vision": 33, "void": [1, 3, 4, 5, 7, 9, 14, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 36, 37, 38, 39, 41, 42, 47, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67], "volum": 12, "vscode": 5, "vtaskdelai": 62, "wa": [16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 44, 47, 49, 50], "wai": [1, 4, 7, 12, 44], "wait": 62, "want": [1, 2, 4, 10, 14, 15, 26], "warn": 44, "warranti": 46, "we": 5, "web": 15, "well": 41, "were": [44, 47, 49], "when": [2, 7, 9, 10, 11, 12, 13, 14, 15, 16, 17, 19, 20, 22, 23, 24, 25, 26, 27, 28, 36, 38, 44], "where": [5, 10], "whether": [14, 26, 42, 46], "which": [7, 9, 41, 44], "while": [11, 44], "whole": 26, "whom": 46, "wide": [0, 5], "wifi": [47, 49, 51, 52, 54, 55, 58, 59, 61, 63, 64, 65, 66], "wiki": 38, "wikipedia": 38, "wire1": 63, "within": [12, 13, 18, 19, 21], "without": [2, 3, 38, 44, 46], "work": [5, 41, 44, 61, 67], "workflow": 44, "world": [7, 62], "worri": 2, "would": 15, "wrap": [1, 4], "write": 44, "x": [19, 23, 25, 27, 28], "xtaskcreat": 62, "yellow": [53, 60, 65], "yml": 44, "you": [0, 1, 3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15, 19, 22, 23, 25, 26, 27, 35, 44, 45, 47, 48, 49, 50, 61, 68], "your": [0, 3, 5, 7, 8, 14, 15, 26, 44, 47, 48, 49, 50, 55, 56, 59], "yourself": [2, 44], "zero": 26}, "titles": ["Welcome to the LcdMenu Docs!", "Button Adapter", "Controlling the menu", "Keyboard Adapter", "Rotary Encoder Adapter", "Getting started", "Basic menu item", "Command menu item", "Item overview", "Input item", "Charset input item", "List menu item", "Range item", "Sub-menu item", "Character display renderer", "Rendering the menu", "ItemBack", "ItemCommand", "ItemFloatRange", "ItemInput", "ItemInputCharset", "ItemIntRange", "ItemList", "ItemRangeBase", "ItemSubMenu", "ItemToggle", "LcdMenu", "MenuItem", "MenuScreen", "CharacterDisplayInterface", "DisplayInterface", "LiquidCrystalAdapter", "LiquidCrystal_I2CAdapter", "SSD1803A_I2CAdapter", "display", "API reference", "ButtonAdapter", "InputInterface", "KeyboardAdapter", "SimpleRotaryAdapter", "input", "CharacterDisplayRenderer", "MenuRenderer", "renderer", "Changelog", "FAQ", "License", "Migration", "Migration from v3.x to v4.x", "Migration from v4.x.x to v5.0.0", "Migration from v5.0.0 to v5.1.x", "Basic", "ButtonAdapter", "ButtonWithRotaryAdapter", "Callbacks", "CharsetInput", "InputRotary", "IntFloatValues", "ItemBack", "KeyboardAdapter", "List", "MenuTimeout", "RTOS", "SSD1803A_I2C", "SimpleInput", "SimpleRotary", "SubMenu", "ViewShifting", "Code samples", "Class diagram"], "titleterms": {"": 44, "0": [44, 47, 49, 50], "1": [44, 47, 50], "2": 44, "3": 44, "4": 44, "5": 44, "6": 44, "The": 15, "adapt": [1, 2, 3, 4, 47, 48, 49], "api": 35, "ar": [2, 8], "arrow": 14, "basic": [6, 7, 51], "both": 14, "break": 44, "bug": 44, "built": [2, 8, 15], "button": 1, "buttonadapt": [36, 52], "buttonwithrotaryadapt": 53, "callback": 54, "can": 2, "chang": [44, 47, 48, 49, 50], "changelog": 44, "charact": 14, "characterdisplayinterfac": 29, "characterdisplayrender": 41, "charset": 10, "charsetinput": 55, "chore": 44, "class": 69, "code": 68, "come": 15, "command": 7, "construct": [47, 48, 49, 50], "control": [2, 47, 49], "creation": [47, 49], "cursor": 14, "custom": 14, "diagram": 69, "displai": [14, 34, 47, 48, 49], "displayinterfac": 30, "doc": 0, "document": 44, "encod": 4, "enhanc": 44, "exampl": 7, "faq": 45, "featur": 44, "final": [47, 48], "fix": 44, "float": 12, "follow": 15, "from": [47, 48, 49, 50], "get": 5, "here": [2, 8], "hide": 14, "how": 14, "import": [47, 48, 49, 50], "improv": 44, "initi": [47, 50], "initialis": [47, 48, 49], "input": [2, 9, 10, 40], "inputinterfac": 37, "inputrotari": 56, "instal": 5, "integ": 12, "interact": 2, "interfac": [47, 48, 49, 50], "intfloatvalu": 57, "item": [6, 7, 8, 9, 10, 11, 12, 13], "itemback": [16, 58], "itemcommand": 17, "itemfloatrang": 18, "iteminput": 19, "iteminputcharset": 20, "itemintrang": 21, "itemlist": 22, "itemrangebas": 23, "itemsubmenu": 24, "itemtoggl": 25, "keyboard": 3, "keyboardadapt": [38, 59], "lcdmenu": [0, 26, 44, 47, 50], "librari": 15, "licens": 46, "liquidcrystal_i2cadapt": 32, "liquidcrystaladapt": 31, "list": [11, 60], "menu": [2, 6, 7, 8, 11, 13, 15, 47, 48, 49], "menuitem": 27, "menurender": 42, "menuscreen": 28, "menutimeout": 61, "migrat": [47, 48, 49, 50], "new": [44, 47, 48], "onli": 14, "other": [47, 48], "overview": 8, "rang": 12, "refer": 35, "render": [14, 15, 43, 47, 50], "rotari": 4, "rto": 62, "sampl": 68, "setup": [47, 50], "simpleinput": 64, "simplerotari": 65, "simplerotaryadapt": 39, "some": [2, 8], "ssd1803a_i2c": 63, "ssd1803a_i2cadapt": 33, "start": 5, "sub": 13, "submenu": 66, "system": 2, "toggl": 7, "updat": 44, "us": [2, 14], "usag": 5, "v3": [47, 48], "v4": [44, 47, 48, 49], "v5": [44, 47, 49, 50], "viewshift": 67, "welcom": 0, "what": 44, "x": [47, 48, 49, 50], "you": 2}})
\ No newline at end of file
+Search.setIndex({"alltitles": {"API reference": [[43, null], [43, null]], "BaseItemManyWidgets": [[21, null]], "BaseItemZeroWidget": [[22, null]], "BaseWidget": [[52, null]], "BaseWidgetValue": [[53, null]], "Basic": [[65, null]], "Basic command item": [[7, "basic-command-item"]], "Basic menu item": [[6, null]], "Breaking Changes": [[58, "breaking-changes"], [58, "id66"]], "Bug Fixes": [[58, "bug-fixes"], [58, "id14"], [58, "id50"], [58, "id60"]], "Bug Fixes and Improvements": [[58, "bug-fixes-and-improvements"]], "Bug Fixes:": [[58, "id65"]], "Button Adapter": [[1, null]], "ButtonAdapter": [[44, null], [66, null]], "ButtonWithRotaryAdapter": [[67, null]], "Callbacks": [[68, null]], "Changelog": [[58, null]], "Character display renderer": [[15, null]], "CharacterDisplayInterface": [[37, null]], "CharacterDisplayRenderer": [[49, null]], "Charset input item": [[10, null]], "CharsetInput": [[69, null]], "Chore Updates": [[58, "chore-updates"], [58, "id52"], [58, "id67"]], "Class diagram": [[84, null]], "Code samples": [[83, null], [83, null]], "Command menu item": [[7, null]], "Construct the display adapter interface": [[61, "construct-the-display-adapter-interface"], [61, "id2"], [62, "construct-the-display-adapter-interface"], [63, "construct-the-display-adapter-interface"]], "Construct the renderer interface": [[61, "construct-the-renderer-interface"], [64, "construct-the-renderer-interface"]], "Controlling the menu": [[2, null]], "Customizing the character display renderer": [[15, "customizing-the-character-display-renderer"]], "Date picker": [[20, "date-picker"]], "Display interface changes": [[61, "display-interface-changes"], [63, "display-interface-changes"]], "DisplayInterface": [[38, null]], "Documentation Updates": [[58, "documentation-updates"], [58, "id29"], [58, "id54"]], "Enhancements": [[58, "enhancements"], [58, "id18"], [58, "id25"], [58, "id34"], [58, "id44"]], "Enhancements:": [[58, "id64"]], "Example": [[7, "example"], [7, "id1"]], "FAQ": [[59, null]], "Finally, initialise the  menu": [[61, "finally-initialise-the-menu"], [62, "finally-initialise-the-menu"]], "Float range": [[13, "float-range"]], "Getting started": [[5, null]], "Here are some of the built-in input adapters that you can use to interact with the menu system:": [[2, null]], "Here are some of the built-in menu items:": [[8, null]], "Hide both the cursor and arrows": [[15, "hide-both-the-cursor-and-arrows"]], "Hide the arrows only": [[15, "hide-the-arrows-only"]], "Hide the cursor only": [[15, "hide-the-cursor-only"]], "How to use the character display renderer": [[15, "how-to-use-the-character-display-renderer"]], "Imports": [[61, "imports"], [61, "id1"], [63, "imports"], [64, "imports"]], "Initialisation of the menu": [[61, "initialisation-of-the-menu"], [63, "initialisation-of-the-menu"]], "Initialise the menu": [[61, "initialise-the-menu"], [63, "initialise-the-menu"]], "Input item": [[9, null]], "InputInterface": [[45, null]], "InputRotary": [[70, null]], "Installation": [[5, "installation"]], "IntFloatValues": [[71, null]], "Integer range": [[13, "integer-range"]], "Item Widget": [[11, null]], "Item overview": [[8, null]], "ItemBack": [[23, null], [72, null]], "ItemCommand": [[24, null]], "ItemFloatRange": [[25, null]], "ItemInput": [[26, null]], "ItemInputCharset": [[27, null]], "ItemIntRange": [[28, null]], "ItemList": [[29, null]], "ItemRangeBase": [[30, null]], "ItemSubMenu": [[31, null]], "ItemToggle": [[32, null]], "ItemWidget": [[33, null]], "Keyboard Adapter": [[3, null]], "KeyboardAdapter": [[46, null], [73, null]], "LcdMenu": [[34, null]], "LcdMenu 2.1.1": [[58, "lcdmenu-2-1-1"]], "LcdMenu 2.1.2": [[58, "lcdmenu-2-1-2"]], "LcdMenu 2.1.3": [[58, "lcdmenu-2-1-3"]], "LcdMenu 3.0.0 \ud83d\ude80": [[58, "lcdmenu-3-0-0"]], "LcdMenu 3.0.1": [[58, "lcdmenu-3-0-1"]], "LcdMenu 3.1.0": [[58, "lcdmenu-3-1-0"]], "LcdMenu 3.1.1": [[58, "lcdmenu-3-1-1"]], "LcdMenu 3.2.0": [[58, "lcdmenu-3-2-0"]], "LcdMenu 3.3.0": [[58, "lcdmenu-3-3-0"]], "LcdMenu 3.3.1": [[58, "lcdmenu-3-3-1"]], "LcdMenu 3.3.2": [[58, "lcdmenu-3-3-2"]], "LcdMenu 3.3.3": [[58, "lcdmenu-3-3-3"]], "LcdMenu 3.3.4": [[58, "lcdmenu-3-3-4"]], "LcdMenu 3.4.0": [[58, "lcdmenu-3-4-0"]], "LcdMenu 3.5.0": [[58, "lcdmenu-3-5-0"]], "LcdMenu 3.5.1": [[58, "lcdmenu-3-5-1"]], "LcdMenu 3.5.2": [[58, "lcdmenu-3-5-2"]], "LcdMenu 3.5.3": [[58, "lcdmenu-3-5-3"]], "LcdMenu 3.5.4": [[58, "lcdmenu-3-5-4"]], "LcdMenu 3.5.5": [[58, "lcdmenu-3-5-5"]], "LcdMenu 3.5.6": [[58, "lcdmenu-3-5-6"]], "LcdMenu 4.0.0": [[58, "lcdmenu-4-0-0"]], "LcdMenu initialization changes": [[61, "lcdmenu-initialization-changes"], [64, "lcdmenu-initialization-changes"]], "LcdMenu v4.1.0": [[58, "lcdmenu-v4-1-0"]], "LcdMenu v4.2.0": [[58, "lcdmenu-v4-2-0"]], "LcdMenu v5.0.0": [[58, "lcdmenu-v5-0-0"]], "LcdMenu v5.1.0": [[58, "lcdmenu-v5-1-0"]], "LcdMenu v5.2.0": [[58, "lcdmenu-v5-2-0"]], "LcdMenu v5.3.0": [[58, "lcdmenu-v5-3-0"]], "LcdMenu v5.3.1": [[58, "lcdmenu-v5-3-1"]], "LcdMenu v5.4.0": [[58, "lcdmenu-v5-4-0"]], "License": [[60, null]], "LiquidCrystalAdapter": [[39, null]], "LiquidCrystal_I2CAdapter": [[40, null]], "List": [[74, null]], "List menu item": [[12, null]], "Menu control changes": [[61, "menu-control-changes"], [63, "menu-control-changes"]], "Menu creation changes": [[61, "menu-creation-changes"], [63, "menu-creation-changes"]], "MenuItem": [[35, null]], "MenuRenderer": [[50, null]], "MenuScreen": [[36, null]], "MenuTimeout": [[75, null]], "Migration": [[61, null]], "Migration from v3.x to v4.x": [[61, "migration-from-v3-x-to-v4-x"], [62, null]], "Migration from v4.x.x to v5.0.0": [[61, "migration-from-v4-x-x-to-v5-0-0"], [63, null]], "Migration from v5.0.0 to v5.1.x": [[61, "migration-from-v5-0-0-to-v5-1-x"], [64, null]], "New Features": [[58, "new-features"], [58, "id16"], [58, "id22"], [58, "id32"], [58, "id37"], [58, "id57"]], "New Features \u2b50\ufe0f": [[58, "id63"]], "New imports": [[61, "new-imports"], [62, "new-imports"]], "Other changes": [[61, "other-changes"], [62, "other-changes"]], "Price picker": [[20, "price-picker"]], "RTOS": [[76, null]], "Range item": [[13, null]], "Rendering the menu": [[16, null]], "Rotary Encoder Adapter": [[4, null]], "SSD1803A_I2C": [[77, null]], "SSD1803A_I2CAdapter": [[41, null]], "Setup changes": [[61, "setup-changes"], [64, "setup-changes"]], "SimpleInput": [[78, null]], "SimpleRotary": [[79, null]], "SimpleRotaryAdapter": [[47, null]], "Sub-menu item": [[14, null]], "SubMenu": [[80, null]], "The following are some of the widgets that can be added to an ItemWidget:": [[11, null], [17, null]], "The library comes with the following built-in renderers:": [[16, null]], "Time picker": [[20, "time-picker"]], "Toggle menu item": [[7, "toggle-menu-item"]], "Usage": [[5, "usage"]], "Use custom cursor characters": [[15, "use-custom-cursor-characters"]], "ViewShifting": [[81, null]], "Welcome to the LcdMenu Docs!": [[0, null]], "What\u2019s Changed": [[58, "what-s-changed"]], "Widget Interaction": [[18, "widget-interaction"]], "Widget overview": [[17, null]], "WidgetBool": [[18, null], [54, null]], "WidgetList": [[19, null], [55, null]], "WidgetRange": [[20, null], [56, null]], "Widgets": [[82, null]], "display": [[42, null], [42, null]], "input": [[48, null], [48, null]], "renderer": [[51, null], [51, null]], "widget": [[57, null], [57, null]]}, "docnames": ["index", "overview/control/button", "overview/control/index", "overview/control/keyboard", "overview/control/rotary-encoder", "overview/getting-started", "overview/items/basic", "overview/items/command", "overview/items/index", "overview/items/input", "overview/items/input-charset", "overview/items/item-widget", "overview/items/list", "overview/items/range", "overview/items/submenu", "overview/rendering/character-display", "overview/rendering/index", "overview/widgets/index", "overview/widgets/widget-bool", "overview/widgets/widget-list", "overview/widgets/widget-range", "reference/api/BaseItemManyWidgets", "reference/api/BaseItemZeroWidget", "reference/api/ItemBack", "reference/api/ItemCommand", "reference/api/ItemFloatRange", "reference/api/ItemInput", "reference/api/ItemInputCharset", "reference/api/ItemIntRange", "reference/api/ItemList", "reference/api/ItemRangeBase", "reference/api/ItemSubMenu", "reference/api/ItemToggle", "reference/api/ItemWidget", "reference/api/LcdMenu", "reference/api/MenuItem", "reference/api/MenuScreen", "reference/api/display/CharacterDisplayInterface", "reference/api/display/DisplayInterface", "reference/api/display/LiquidCrystalAdapter", "reference/api/display/LiquidCrystal_I2CAdapter", "reference/api/display/SSD1803A_I2CAdapter", "reference/api/display/index", "reference/api/index", "reference/api/input/ButtonAdapter", "reference/api/input/InputInterface", "reference/api/input/KeyboardAdapter", "reference/api/input/SimpleRotaryAdapter", "reference/api/input/index", "reference/api/renderer/CharacterDisplayRenderer", "reference/api/renderer/MenuRenderer", "reference/api/renderer/index", "reference/api/widget/BaseWidget", "reference/api/widget/BaseWidgetValue", "reference/api/widget/WidgetBool", "reference/api/widget/WidgetList", "reference/api/widget/WidgetRange", "reference/api/widget/index", "reference/changelog", "reference/faq", "reference/license", "reference/migration/index", "reference/migration/v3.x-v4.x", "reference/migration/v4.x.x-v5.0.0", "reference/migration/v5.0.0-v5.1.x", "reference/samples/Basic", "reference/samples/ButtonAdapter", "reference/samples/ButtonWithRotaryAdapter", "reference/samples/Callbacks", "reference/samples/CharsetInput", "reference/samples/InputRotary", "reference/samples/IntFloatValues", "reference/samples/ItemBack", "reference/samples/KeyboardAdapter", "reference/samples/List", "reference/samples/MenuTimeout", "reference/samples/RTOS", "reference/samples/SSD1803A_I2C", "reference/samples/SimpleInput", "reference/samples/SimpleRotary", "reference/samples/SubMenu", "reference/samples/ViewShifting", "reference/samples/Widgets", "reference/samples/index", "reference/uml"], "envversion": {"sphinx": 64, "sphinx.domains.c": 3, "sphinx.domains.changeset": 1, "sphinx.domains.citation": 1, "sphinx.domains.cpp": 9, "sphinx.domains.index": 1, "sphinx.domains.javascript": 3, "sphinx.domains.math": 2, "sphinx.domains.python": 4, "sphinx.domains.rst": 2, "sphinx.domains.std": 2, "sphinx.ext.viewcode": 1}, "filenames": ["index.rst", "overview/control/button.rst", "overview/control/index.rst", "overview/control/keyboard.rst", "overview/control/rotary-encoder.rst", "overview/getting-started.rst", "overview/items/basic.rst", "overview/items/command.rst", "overview/items/index.rst", "overview/items/input.rst", "overview/items/input-charset.rst", "overview/items/item-widget.rst", "overview/items/list.rst", "overview/items/range.rst", "overview/items/submenu.rst", "overview/rendering/character-display.rst", "overview/rendering/index.rst", "overview/widgets/index.rst", "overview/widgets/widget-bool.rst", "overview/widgets/widget-list.rst", "overview/widgets/widget-range.rst", "reference/api/BaseItemManyWidgets.rst", "reference/api/BaseItemZeroWidget.rst", "reference/api/ItemBack.rst", "reference/api/ItemCommand.rst", "reference/api/ItemFloatRange.rst", "reference/api/ItemInput.rst", "reference/api/ItemInputCharset.rst", "reference/api/ItemIntRange.rst", "reference/api/ItemList.rst", "reference/api/ItemRangeBase.rst", "reference/api/ItemSubMenu.rst", "reference/api/ItemToggle.rst", "reference/api/ItemWidget.rst", "reference/api/LcdMenu.rst", "reference/api/MenuItem.rst", "reference/api/MenuScreen.rst", "reference/api/display/CharacterDisplayInterface.rst", "reference/api/display/DisplayInterface.rst", "reference/api/display/LiquidCrystalAdapter.rst", "reference/api/display/LiquidCrystal_I2CAdapter.rst", "reference/api/display/SSD1803A_I2CAdapter.rst", "reference/api/display/index.rst", "reference/api/index.rst", "reference/api/input/ButtonAdapter.rst", "reference/api/input/InputInterface.rst", "reference/api/input/KeyboardAdapter.rst", "reference/api/input/SimpleRotaryAdapter.rst", "reference/api/input/index.rst", "reference/api/renderer/CharacterDisplayRenderer.rst", "reference/api/renderer/MenuRenderer.rst", "reference/api/renderer/index.rst", "reference/api/widget/BaseWidget.rst", "reference/api/widget/BaseWidgetValue.rst", "reference/api/widget/WidgetBool.rst", "reference/api/widget/WidgetList.rst", "reference/api/widget/WidgetRange.rst", "reference/api/widget/index.rst", "reference/changelog.rst", "reference/faq.rst", "reference/license.rst", "reference/migration/index.rst", "reference/migration/v3.x-v4.x.rst", "reference/migration/v4.x.x-v5.0.0.rst", "reference/migration/v5.0.0-v5.1.x.rst", "reference/samples/Basic.rst", "reference/samples/ButtonAdapter.rst", "reference/samples/ButtonWithRotaryAdapter.rst", "reference/samples/Callbacks.rst", "reference/samples/CharsetInput.rst", "reference/samples/InputRotary.rst", "reference/samples/IntFloatValues.rst", "reference/samples/ItemBack.rst", "reference/samples/KeyboardAdapter.rst", "reference/samples/List.rst", "reference/samples/MenuTimeout.rst", "reference/samples/RTOS.rst", "reference/samples/SSD1803A_I2C.rst", "reference/samples/SimpleInput.rst", "reference/samples/SimpleRotary.rst", "reference/samples/SubMenu.rst", "reference/samples/ViewShifting.rst", "reference/samples/Widgets.rst", "reference/samples/index.rst", "reference/uml.rst"], "indexentries": {"baseitemmanywidgets (c++ class)": [[21, "_CPPv419BaseItemManyWidgets", false]], "baseitemmanywidgets::activewidget (c++ member)": [[21, "_CPPv4N19BaseItemManyWidgets12activeWidgetE", false]], "baseitemmanywidgets::back (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer", false]], "baseitemmanywidgets::baseitemmanywidgets (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", false]], "baseitemmanywidgets::draw (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer", false]], "baseitemmanywidgets::getactivewidget (c++ function)": [[21, "_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv", false]], "baseitemmanywidgets::handlecommit (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets12handleCommitEv", false]], "baseitemmanywidgets::left (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer", false]], "baseitemmanywidgets::process (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh", false]], "baseitemmanywidgets::reset (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets5resetEv", false]], "baseitemmanywidgets::right (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer", false]], "baseitemmanywidgets::setactivewidget (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t", false]], "baseitemmanywidgets::size (c++ member)": [[21, "_CPPv4N19BaseItemManyWidgets4sizeE", false]], "baseitemmanywidgets::widgets (c++ member)": [[21, "_CPPv4N19BaseItemManyWidgets7widgetsE", false]], "baseitemmanywidgets::~baseitemmanywidgets (c++ function)": [[21, "_CPPv4N19BaseItemManyWidgetsD0Ev", false]], "baseitemzerowidget (c++ class)": [[22, "_CPPv418BaseItemZeroWidget", false]], "baseitemzerowidget::baseitemzerowidget (c++ function)": [[22, "_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc", false]], "baseitemzerowidget::draw (c++ function)": [[22, "_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer", false]], "baseitemzerowidget::handlecommit (c++ function)": [[22, "_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu", false]], "baseitemzerowidget::process (c++ function)": [[22, "_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh", false]], "baseitemzerowidget::~baseitemzerowidget (c++ function)": [[22, "_CPPv4N18BaseItemZeroWidgetD0Ev", false]], "basewidget (c++ class)": [[52, "_CPPv410BaseWidget", false]], "basewidget::basewidget (c++ function)": [[52, "_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t", false]], "basewidget::cursoroffset (c++ member)": [[52, "_CPPv4N10BaseWidget12cursorOffsetE", false]], "basewidget::draw (c++ function)": [[52, "_CPPv4N10BaseWidget4drawEPcK7uint8_t", false]], "basewidget::process (c++ function)": [[52, "_CPPv4N10BaseWidget7processEP7LcdMenuh", false]], "basewidget::~basewidget (c++ function)": [[52, "_CPPv4N10BaseWidgetD0Ev", false]], "basewidgetvalue (c++ class)": [[53, "_CPPv4I0E15BaseWidgetValue", false]], "basewidgetvalue::basewidgetvalue (c++ function)": [[53, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", false]], "basewidgetvalue::callback (c++ member)": [[53, "_CPPv4N15BaseWidgetValue8callbackE", false]], "basewidgetvalue::draw (c++ function)": [[53, "_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t", false]], "basewidgetvalue::format (c++ member)": [[53, "_CPPv4N15BaseWidgetValue6formatE", false]], "basewidgetvalue::getvalue (c++ function)": [[53, "_CPPv4NK15BaseWidgetValue8getValueEv", false]], "basewidgetvalue::handlechange (c++ function)": [[53, "_CPPv4N15BaseWidgetValue12handleChangeEv", false]], "basewidgetvalue::process (c++ function)": [[53, "_CPPv4N15BaseWidgetValue7processEP7LcdMenuh", false]], "basewidgetvalue::setvalue (c++ function)": [[53, "_CPPv4N15BaseWidgetValue8setValueERK1T", false]], "basewidgetvalue::value (c++ member)": [[53, "_CPPv4N15BaseWidgetValue5valueE", false]], "basewidgetvalue::~basewidgetvalue (c++ function)": [[53, "_CPPv4N15BaseWidgetValueD0Ev", false]], "bs (c macro)": [[46, "c.BS", false]], "buttonadapter (c++ class)": [[44, "_CPPv413ButtonAdapter", false]], "buttonadapter::button (c++ member)": [[44, "_CPPv4N13ButtonAdapter6buttonE", false]], "buttonadapter::buttonadapter (c++ function)": [[44, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", false]], "buttonadapter::command (c++ member)": [[44, "_CPPv4N13ButtonAdapter7commandE", false]], "buttonadapter::observe (c++ function)": [[44, "_CPPv4N13ButtonAdapter7observeEv", false]], "c2_csi_terminal_max (c macro)": [[46, "c.C2_CSI_TERMINAL_MAX", false]], "c2_csi_terminal_min (c macro)": [[46, "c.C2_CSI_TERMINAL_MIN", false]], "characterdisplayinterface (c++ class)": [[37, "_CPPv425CharacterDisplayInterface", false]], "characterdisplayinterface::clearblinker (c++ function)": [[37, "_CPPv4N25CharacterDisplayInterface12clearBlinkerEv", false]], "characterdisplayinterface::createchar (c++ function)": [[37, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", false]], "characterdisplayinterface::drawblinker (c++ function)": [[37, "_CPPv4N25CharacterDisplayInterface11drawBlinkerEv", false]], "characterdisplayinterface::~characterdisplayinterface (c++ function)": [[37, "_CPPv4N25CharacterDisplayInterfaceD0Ev", false]], "characterdisplayrenderer (c++ class)": [[49, "_CPPv424CharacterDisplayRenderer", false]], "characterdisplayrenderer::availablecolumns (c++ member)": [[49, "_CPPv4N24CharacterDisplayRenderer16availableColumnsE", false]], "characterdisplayrenderer::begin (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer5beginEv", false]], "characterdisplayrenderer::characterdisplayrenderer (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", false]], "characterdisplayrenderer::clearblinker (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv", false]], "characterdisplayrenderer::cursoricon (c++ member)": [[49, "_CPPv4N24CharacterDisplayRenderer10cursorIconE", false]], "characterdisplayrenderer::downarrow (c++ member)": [[49, "_CPPv4N24CharacterDisplayRenderer9downArrowE", false]], "characterdisplayrenderer::draw (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", false]], "characterdisplayrenderer::drawblinker (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv", false]], "characterdisplayrenderer::drawitem (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb", false]], "characterdisplayrenderer::drawtext (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", false]], "characterdisplayrenderer::editcursoricon (c++ member)": [[49, "_CPPv4N24CharacterDisplayRenderer14editCursorIconE", false]], "characterdisplayrenderer::geteffectivecols (c++ function)": [[49, "_CPPv4NK24CharacterDisplayRenderer16getEffectiveColsEv", false]], "characterdisplayrenderer::movecursor (c++ function)": [[49, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", false]], "characterdisplayrenderer::uparrow (c++ member)": [[49, "_CPPv4N24CharacterDisplayRenderer7upArrowE", false]], "cr (c macro)": [[46, "c.CR", false]], "csi_buffer_size (c macro)": [[46, "c.CSI_BUFFER_SIZE", false]], "del (c macro)": [[46, "c.DEL", false]], "displayinterface (c++ class)": [[38, "_CPPv416DisplayInterface", false]], "displayinterface::begin (c++ function)": [[38, "_CPPv4N16DisplayInterface5beginEv", false]], "displayinterface::clear (c++ function)": [[38, "_CPPv4N16DisplayInterface5clearEv", false]], "displayinterface::displayinterface (c++ function)": [[38, "_CPPv4N16DisplayInterface16DisplayInterfaceEv", false]], "displayinterface::draw (c++ function)": [[38, "_CPPv4N16DisplayInterface4drawE7uint8_t", false], [38, "_CPPv4N16DisplayInterface4drawEPKc", false]], "displayinterface::hide (c++ function)": [[38, "_CPPv4N16DisplayInterface4hideEv", false]], "displayinterface::setbacklight (c++ function)": [[38, "_CPPv4N16DisplayInterface12setBacklightEb", false]], "displayinterface::setcursor (c++ function)": [[38, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", false]], "displayinterface::show (c++ function)": [[38, "_CPPv4N16DisplayInterface4showEv", false]], "displayinterface::~displayinterface (c++ function)": [[38, "_CPPv4N16DisplayInterfaceD0Ev", false]], "double_press_threshold (c macro)": [[47, "c.DOUBLE_PRESS_THRESHOLD", false]], "esc (c macro)": [[46, "c.ESC", false]], "index_sequence (c++ struct)": [[33, "_CPPv4I_Dp6size_tE14index_sequence", false]], "inputinterface (c++ class)": [[45, "_CPPv414InputInterface", false]], "inputinterface::inputinterface (c++ function)": [[45, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", false]], "inputinterface::menu (c++ member)": [[45, "_CPPv4N14InputInterface4menuE", false]], "inputinterface::observe (c++ function)": [[45, "_CPPv4N14InputInterface7observeEv", false]], "inputinterface::~inputinterface (c++ function)": [[45, "_CPPv4N14InputInterfaceD0Ev", false]], "item_back (c++ function)": [[23, "_CPPv49ITEM_BACKPKc", false]], "item_basic (c macro)": [[35, "c.ITEM_BASIC", false]], "item_command (c++ function)": [[24, "_CPPv412ITEM_COMMANDPKcPFvvE", false]], "item_draw_buffer_size (c macro)": [[52, "c.ITEM_DRAW_BUFFER_SIZE", false]], "item_float_range (c macro)": [[25, "c.ITEM_FLOAT_RANGE", false]], "item_input (c macro)": [[26, "c.ITEM_INPUT", false]], "item_input_charset (c macro)": [[27, "c.ITEM_INPUT_CHARSET", false]], "item_int_range (c macro)": [[28, "c.ITEM_INT_RANGE", false]], "item_string_list (c macro)": [[29, "c.ITEM_STRING_LIST", false]], "item_submenu (c++ function)": [[31, "_CPPv412ITEM_SUBMENUPKcRP10MenuScreen", false]], "item_toggle (c macro)": [[32, "c.ITEM_TOGGLE", false]], "item_widget (c++ function)": [[33, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", false]], "itemback (c++ class)": [[23, "_CPPv48ItemBack", false]], "itemback::handlecommit (c++ function)": [[23, "_CPPv4N8ItemBack12handleCommitEP7LcdMenu", false]], "itemback::itemback (c++ function)": [[23, "_CPPv4N8ItemBack8ItemBackEPKc", false]], "itemcommand (c++ class)": [[24, "_CPPv411ItemCommand", false]], "itemcommand::callback (c++ member)": [[24, "_CPPv4N11ItemCommand8callbackE", false]], "itemcommand::handlecommit (c++ function)": [[24, "_CPPv4N11ItemCommand12handleCommitEP7LcdMenu", false]], "itemcommand::itemcommand (c++ function)": [[24, "_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE", false]], "itemfloatrange (c++ class)": [[25, "_CPPv414ItemFloatRange", false]], "itemfloatrange::getdisplayvalue (c++ function)": [[25, "_CPPv4N14ItemFloatRange15getDisplayValueEv", false]], "itemfloatrange::itemfloatrange (c++ function)": [[25, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", false]], "iteminput (c++ class)": [[26, "_CPPv49ItemInput", false]], "iteminput::back (c++ function)": [[26, "_CPPv4N9ItemInput4backEP12MenuRenderer", false]], "iteminput::backspace (c++ function)": [[26, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", false]], "iteminput::callback (c++ member)": [[26, "_CPPv4N9ItemInput8callbackE", false]], "iteminput::clear (c++ function)": [[26, "_CPPv4N9ItemInput5clearEP12MenuRenderer", false]], "iteminput::cursor (c++ member)": [[26, "_CPPv4N9ItemInput6cursorE", false]], "iteminput::draw (c++ function)": [[26, "_CPPv4N9ItemInput4drawEP12MenuRenderer", false]], "iteminput::enter (c++ function)": [[26, "_CPPv4N9ItemInput5enterEP12MenuRenderer", false]], "iteminput::getcallbackstr (c++ function)": [[26, "_CPPv4N9ItemInput14getCallbackStrEv", false]], "iteminput::getvalue (c++ function)": [[26, "_CPPv4N9ItemInput8getValueEv", false]], "iteminput::iteminput (c++ function)": [[26, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", false], [26, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", false]], "iteminput::left (c++ function)": [[26, "_CPPv4N9ItemInput4leftEP12MenuRenderer", false]], "iteminput::process (c++ function)": [[26, "_CPPv4N9ItemInput7processEP7LcdMenuKh", false]], "iteminput::right (c++ function)": [[26, "_CPPv4N9ItemInput5rightEP12MenuRenderer", false]], "iteminput::setvalue (c++ function)": [[26, "_CPPv4N9ItemInput8setValueEPc", false]], "iteminput::typechar (c++ function)": [[26, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", false]], "iteminput::value (c++ member)": [[26, "_CPPv4N9ItemInput5valueE", false]], "iteminput::view (c++ member)": [[26, "_CPPv4N9ItemInput4viewE", false]], "iteminputcharset (c++ class)": [[27, "_CPPv416ItemInputCharset", false]], "iteminputcharset::abortcharedit (c++ function)": [[27, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", false]], "iteminputcharset::charedit (c++ member)": [[27, "_CPPv4N16ItemInputCharset8charEditE", false]], "iteminputcharset::charset (c++ member)": [[27, "_CPPv4N16ItemInputCharset7charsetE", false]], "iteminputcharset::charsetposition (c++ member)": [[27, "_CPPv4N16ItemInputCharset15charsetPositionE", false]], "iteminputcharset::commitcharedit (c++ function)": [[27, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", false]], "iteminputcharset::drawchar (c++ function)": [[27, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", false]], "iteminputcharset::initcharedit (c++ function)": [[27, "_CPPv4N16ItemInputCharset12initCharEditEv", false]], "iteminputcharset::iteminputcharset (c++ function)": [[27, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", false], [27, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", false]], "iteminputcharset::process (c++ function)": [[27, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", false]], "iteminputcharset::shownextchar (c++ function)": [[27, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", false]], "iteminputcharset::showpreviouschar (c++ function)": [[27, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", false]], "itemintrange (c++ class)": [[28, "_CPPv412ItemIntRange", false]], "itemintrange::getdisplayvalue (c++ function)": [[28, "_CPPv4N12ItemIntRange15getDisplayValueEv", false]], "itemintrange::itemintrange (c++ function)": [[28, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", false]], "itemlist (c++ class)": [[29, "_CPPv48ItemList", false]], "itemlist::callback (c++ member)": [[29, "_CPPv4N8ItemList8callbackE", false]], "itemlist::draw (c++ function)": [[29, "_CPPv4N8ItemList4drawEP12MenuRenderer", false]], "itemlist::getcallbackint (c++ function)": [[29, "_CPPv4N8ItemList14getCallbackIntEv", false]], "itemlist::getitemcount (c++ function)": [[29, "_CPPv4N8ItemList12getItemCountEv", false]], "itemlist::getitemindex (c++ function)": [[29, "_CPPv4N8ItemList12getItemIndexEv", false]], "itemlist::getitems (c++ function)": [[29, "_CPPv4N8ItemList8getItemsEv", false]], "itemlist::getvalue (c++ function)": [[29, "_CPPv4N8ItemList8getValueEv", false]], "itemlist::itemcount (c++ member)": [[29, "_CPPv4N8ItemList9itemCountE", false]], "itemlist::itemindex (c++ member)": [[29, "_CPPv4N8ItemList9itemIndexE", false]], "itemlist::itemlist (c++ function)": [[29, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", false]], "itemlist::items (c++ member)": [[29, "_CPPv4N8ItemList5itemsE", false]], "itemlist::process (c++ function)": [[29, "_CPPv4N8ItemList7processEP7LcdMenuKh", false]], "itemlist::selectnext (c++ function)": [[29, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", false]], "itemlist::selectprevious (c++ function)": [[29, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", false]], "itemlist::setitemindex (c++ function)": [[29, "_CPPv4N8ItemList12setItemIndexE7uint8_t", false]], "itemrangebase (c++ class)": [[30, "_CPPv4I0E13ItemRangeBase", false]], "itemrangebase::callback (c++ member)": [[30, "_CPPv4N13ItemRangeBase8callbackE", false]], "itemrangebase::commitonchange (c++ member)": [[30, "_CPPv4N13ItemRangeBase14commitOnChangeE", false]], "itemrangebase::currentvalue (c++ member)": [[30, "_CPPv4N13ItemRangeBase12currentValueE", false]], "itemrangebase::decrement (c++ function)": [[30, "_CPPv4N13ItemRangeBase9decrementEv", false]], "itemrangebase::draw (c++ function)": [[30, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", false]], "itemrangebase::format (c++ member)": [[30, "_CPPv4N13ItemRangeBase6formatE", false]], "itemrangebase::getcurrentvalue (c++ function)": [[30, "_CPPv4N13ItemRangeBase15getCurrentValueEv", false]], "itemrangebase::getdisplayvalue (c++ function)": [[30, "_CPPv4N13ItemRangeBase15getDisplayValueEv", false]], "itemrangebase::increment (c++ function)": [[30, "_CPPv4N13ItemRangeBase9incrementEv", false]], "itemrangebase::itemrangebase (c++ function)": [[30, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", false]], "itemrangebase::maxvalue (c++ member)": [[30, "_CPPv4N13ItemRangeBase8maxValueE", false]], "itemrangebase::minvalue (c++ member)": [[30, "_CPPv4N13ItemRangeBase8minValueE", false]], "itemrangebase::process (c++ function)": [[30, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", false]], "itemrangebase::setcurrentvalue (c++ function)": [[30, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", false]], "itemrangebase::step (c++ member)": [[30, "_CPPv4N13ItemRangeBase4stepE", false]], "itemsubmenu (c++ class)": [[31, "_CPPv411ItemSubMenu", false]], "itemsubmenu::handlecommit (c++ function)": [[31, "_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu", false]], "itemsubmenu::itemsubmenu (c++ function)": [[31, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", false]], "itemsubmenu::screen (c++ member)": [[31, "_CPPv4N11ItemSubMenu6screenE", false]], "itemtoggle (c++ class)": [[32, "_CPPv410ItemToggle", false]], "itemtoggle::callback (c++ member)": [[32, "_CPPv4N10ItemToggle8callbackE", false]], "itemtoggle::draw (c++ function)": [[32, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", false]], "itemtoggle::enabled (c++ member)": [[32, "_CPPv4N10ItemToggle7enabledE", false]], "itemtoggle::getcallbackint (c++ function)": [[32, "_CPPv4N10ItemToggle14getCallbackIntEv", false]], "itemtoggle::gettextoff (c++ function)": [[32, "_CPPv4N10ItemToggle10getTextOffEv", false]], "itemtoggle::gettexton (c++ function)": [[32, "_CPPv4N10ItemToggle9getTextOnEv", false]], "itemtoggle::ison (c++ function)": [[32, "_CPPv4N10ItemToggle4isOnEv", false]], "itemtoggle::itemtoggle (c++ function)": [[32, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", false], [32, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", false], [32, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", false]], "itemtoggle::process (c++ function)": [[32, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", false]], "itemtoggle::setison (c++ function)": [[32, "_CPPv4N10ItemToggle7setIsOnE7boolean", false]], "itemtoggle::textoff (c++ member)": [[32, "_CPPv4N10ItemToggle7textOffE", false]], "itemtoggle::texton (c++ member)": [[32, "_CPPv4N10ItemToggle6textOnE", false]], "itemtoggle::toggle (c++ function)": [[32, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", false]], "itemwidget (c++ class)": [[33, "_CPPv4IDpE10ItemWidget", false]], "itemwidget::callback (c++ member)": [[33, "_CPPv4N10ItemWidget8callbackE", false]], "itemwidget::callbacktype (c++ type)": [[33, "_CPPv4N10ItemWidget12CallbackTypeE", false]], "itemwidget::handlecommit (c++ function)": [[33, "_CPPv4N10ItemWidget12handleCommitEv", false]], "itemwidget::invokecallback (c++ function)": [[33, "_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE", false]], "itemwidget::itemwidget (c++ function)": [[33, "_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType", false]], "itemwidget::setvalues (c++ function)": [[33, "_CPPv4N10ItemWidget9setValuesEDp2Ts", false]], "itemwidget::setvaluesimpl (c++ function)": [[33, "_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts", false]], "keyboardadapter (c++ class)": [[46, "_CPPv415KeyboardAdapter", false]], "keyboardadapter::codeset (c++ enum)": [[46, "_CPPv4N15KeyboardAdapter7CodeSetE", false]], "keyboardadapter::codeset (c++ member)": [[46, "_CPPv4N15KeyboardAdapter7codeSetE", false]], "keyboardadapter::codeset::c0 (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet2C0E", false]], "keyboardadapter::codeset::c1 (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet2C1E", false]], "keyboardadapter::codeset::c2_csi (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet6C2_CSIE", false]], "keyboardadapter::codeset::c2_dcs (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet6C2_DCSE", false]], "keyboardadapter::codeset::c2_osc (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet6C2_OSCE", false]], "keyboardadapter::codeset::c3 (c++ enumerator)": [[46, "_CPPv4N15KeyboardAdapter7CodeSet2C3E", false]], "keyboardadapter::csibuffer (c++ member)": [[46, "_CPPv4N15KeyboardAdapter9csiBufferE", false]], "keyboardadapter::csibuffercursor (c++ member)": [[46, "_CPPv4N15KeyboardAdapter15csiBufferCursorE", false]], "keyboardadapter::handleidle (c++ function)": [[46, "_CPPv4N15KeyboardAdapter10handleIdleEv", false]], "keyboardadapter::handlereceived (c++ function)": [[46, "_CPPv4N15KeyboardAdapter14handleReceivedEh", false]], "keyboardadapter::haslastchar (c++ function)": [[46, "_CPPv4N15KeyboardAdapter11hasLastCharEv", false]], "keyboardadapter::keyboardadapter (c++ function)": [[46, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", false]], "keyboardadapter::lastchar (c++ member)": [[46, "_CPPv4N15KeyboardAdapter8lastCharE", false]], "keyboardadapter::lastchartimestamp (c++ member)": [[46, "_CPPv4N15KeyboardAdapter17lastCharTimestampE", false]], "keyboardadapter::observe (c++ function)": [[46, "_CPPv4N15KeyboardAdapter7observeEv", false]], "keyboardadapter::reset (c++ function)": [[46, "_CPPv4N15KeyboardAdapter5resetEv", false]], "keyboardadapter::savelastchar (c++ function)": [[46, "_CPPv4N15KeyboardAdapter12saveLastCharEh", false]], "keyboardadapter::stream (c++ member)": [[46, "_CPPv4N15KeyboardAdapter6streamE", false]], "lcdmenu (c++ class)": [[34, "_CPPv47LcdMenu", false]], "lcdmenu::enabled (c++ member)": [[34, "_CPPv4N7LcdMenu7enabledE", false]], "lcdmenu::getcursor (c++ function)": [[34, "_CPPv4N7LcdMenu9getCursorEv", false]], "lcdmenu::getitemat (c++ function)": [[34, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", false]], "lcdmenu::getrenderer (c++ function)": [[34, "_CPPv4N7LcdMenu11getRendererEv", false]], "lcdmenu::getscreen (c++ function)": [[34, "_CPPv4N7LcdMenu9getScreenEv", false]], "lcdmenu::hide (c++ function)": [[34, "_CPPv4N7LcdMenu4hideEv", false]], "lcdmenu::lcdmenu (c++ function)": [[34, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", false]], "lcdmenu::process (c++ function)": [[34, "_CPPv4N7LcdMenu7processEKh", false]], "lcdmenu::refresh (c++ function)": [[34, "_CPPv4N7LcdMenu7refreshEv", false]], "lcdmenu::renderer (c++ member)": [[34, "_CPPv4N7LcdMenu8rendererE", false]], "lcdmenu::reset (c++ function)": [[34, "_CPPv4N7LcdMenu5resetEv", false]], "lcdmenu::screen (c++ member)": [[34, "_CPPv4N7LcdMenu6screenE", false]], "lcdmenu::setcursor (c++ function)": [[34, "_CPPv4N7LcdMenu9setCursorE7uint8_t", false]], "lcdmenu::setscreen (c++ function)": [[34, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", false]], "lcdmenu::show (c++ function)": [[34, "_CPPv4N7LcdMenu4showEv", false]], "lf (c macro)": [[46, "c.LF", false]], "liquidcrystal_i2cadapter (c++ class)": [[40, "_CPPv424LiquidCrystal_I2CAdapter", false]], "liquidcrystal_i2cadapter::begin (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter5beginEv", false]], "liquidcrystal_i2cadapter::clear (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter5clearEv", false]], "liquidcrystal_i2cadapter::clearblinker (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter12clearBlinkerEv", false]], "liquidcrystal_i2cadapter::createchar (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", false]], "liquidcrystal_i2cadapter::draw (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", false], [40, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", false]], "liquidcrystal_i2cadapter::drawblinker (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter11drawBlinkerEv", false]], "liquidcrystal_i2cadapter::hide (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter4hideEv", false]], "liquidcrystal_i2cadapter::lcd (c++ member)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter3lcdE", false]], "liquidcrystal_i2cadapter::liquidcrystal_i2cadapter (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", false]], "liquidcrystal_i2cadapter::setbacklight (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", false]], "liquidcrystal_i2cadapter::setcursor (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", false]], "liquidcrystal_i2cadapter::show (c++ function)": [[40, "_CPPv4N24LiquidCrystal_I2CAdapter4showEv", false]], "liquidcrystaladapter (c++ class)": [[39, "_CPPv420LiquidCrystalAdapter", false]], "liquidcrystaladapter::begin (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter5beginEv", false]], "liquidcrystaladapter::clear (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter5clearEv", false]], "liquidcrystaladapter::clearblinker (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter12clearBlinkerEv", false]], "liquidcrystaladapter::createchar (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", false]], "liquidcrystaladapter::draw (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", false], [39, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", false]], "liquidcrystaladapter::drawblinker (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter11drawBlinkerEv", false]], "liquidcrystaladapter::hide (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter4hideEv", false]], "liquidcrystaladapter::lcd (c++ member)": [[39, "_CPPv4N20LiquidCrystalAdapter3lcdE", false]], "liquidcrystaladapter::liquidcrystaladapter (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", false]], "liquidcrystaladapter::maxcols (c++ member)": [[39, "_CPPv4N20LiquidCrystalAdapter7maxColsE", false]], "liquidcrystaladapter::maxrows (c++ member)": [[39, "_CPPv4N20LiquidCrystalAdapter7maxRowsE", false]], "liquidcrystaladapter::setbacklight (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", false]], "liquidcrystaladapter::setcursor (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", false]], "liquidcrystaladapter::show (c++ function)": [[39, "_CPPv4N20LiquidCrystalAdapter4showEv", false]], "long_press_duration (c macro)": [[47, "c.LONG_PRESS_DURATION", false]], "make_index_sequence (c++ struct)": [[33, "_CPPv4I_6size_t_Dp6size_tE19make_index_sequence", false]], "make_index_sequence<0, is...> (c++ struct)": [[33, "_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE", false]], "make_index_sequence<0, is...>::type (c++ type)": [[33, "_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE", false]], "menu_screen (c macro)": [[36, "c.MENU_SCREEN", false]], "menuitem (c++ class)": [[35, "_CPPv48MenuItem", false]], "menuitem::draw (c++ function)": [[35, "_CPPv4N8MenuItem4drawEP12MenuRenderer", false]], "menuitem::gettext (c++ function)": [[35, "_CPPv4N8MenuItem7getTextEv", false]], "menuitem::getviewsize (c++ function)": [[35, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", false]], "menuitem::menuitem (c++ function)": [[35, "_CPPv4N8MenuItem8MenuItemEPKc", false]], "menuitem::process (c++ function)": [[35, "_CPPv4N8MenuItem7processEP7LcdMenuKh", false]], "menuitem::settext (c++ function)": [[35, "_CPPv4N8MenuItem7setTextEPKc", false]], "menuitem::text (c++ member)": [[35, "_CPPv4N8MenuItem4textE", false]], "menuitem::~menuitem (c++ function)": [[35, "_CPPv4N8MenuItemD0Ev", false]], "menurenderer (c++ class)": [[50, "_CPPv412MenuRenderer", false]], "menurenderer::begin (c++ function)": [[50, "_CPPv4N12MenuRenderer5beginEv", false]], "menurenderer::clearblinker (c++ function)": [[50, "_CPPv4N12MenuRenderer12clearBlinkerEv", false]], "menurenderer::cursorcol (c++ member)": [[50, "_CPPv4N12MenuRenderer9cursorColE", false]], "menurenderer::cursorrow (c++ member)": [[50, "_CPPv4N12MenuRenderer9cursorRowE", false]], "menurenderer::display (c++ member)": [[50, "_CPPv4N12MenuRenderer7displayE", false]], "menurenderer::draw (c++ function)": [[50, "_CPPv4N12MenuRenderer4drawE7uint8_t", false]], "menurenderer::drawblinker (c++ function)": [[50, "_CPPv4N12MenuRenderer11drawBlinkerEv", false]], "menurenderer::drawitem (c++ function)": [[50, "_CPPv4N12MenuRenderer8drawItemEPKcPKcb", false]], "menurenderer::getcursorcol (c++ function)": [[50, "_CPPv4NK12MenuRenderer12getCursorColEv", false]], "menurenderer::getcursorrow (c++ function)": [[50, "_CPPv4NK12MenuRenderer12getCursorRowEv", false]], "menurenderer::geteffectivecols (c++ function)": [[50, "_CPPv4NK12MenuRenderer16getEffectiveColsEv", false]], "menurenderer::getmaxcols (c++ function)": [[50, "_CPPv4NK12MenuRenderer10getMaxColsEv", false]], "menurenderer::getmaxrows (c++ function)": [[50, "_CPPv4NK12MenuRenderer10getMaxRowsEv", false]], "menurenderer::hasfocus (c++ member)": [[50, "_CPPv4N12MenuRenderer8hasFocusE", false]], "menurenderer::hashiddenitemsabove (c++ member)": [[50, "_CPPv4N12MenuRenderer19hasHiddenItemsAboveE", false]], "menurenderer::hashiddenitemsbelow (c++ member)": [[50, "_CPPv4N12MenuRenderer19hasHiddenItemsBelowE", false]], "menurenderer::ineditmode (c++ member)": [[50, "_CPPv4N12MenuRenderer10inEditModeE", false]], "menurenderer::isineditmode (c++ function)": [[50, "_CPPv4NK12MenuRenderer12isInEditModeEv", false]], "menurenderer::maxcols (c++ member)": [[50, "_CPPv4N12MenuRenderer7maxColsE", false]], "menurenderer::maxrows (c++ member)": [[50, "_CPPv4N12MenuRenderer7maxRowsE", false]], "menurenderer::menurenderer (c++ function)": [[50, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", false]], "menurenderer::movecursor (c++ function)": [[50, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", false]], "menurenderer::restarttimer (c++ function)": [[50, "_CPPv4N12MenuRenderer12restartTimerEv", false]], "menurenderer::seteditmode (c++ function)": [[50, "_CPPv4N12MenuRenderer11setEditModeEb", false]], "menurenderer::starttime (c++ member)": [[50, "_CPPv4N12MenuRenderer9startTimeE", false]], "menurenderer::updatetimer (c++ function)": [[50, "_CPPv4N12MenuRenderer11updateTimerEv", false]], "menurenderer::viewshift (c++ member)": [[50, "_CPPv4N12MenuRenderer9viewShiftE", false]], "menuscreen (c++ class)": [[36, "_CPPv410MenuScreen", false]], "menuscreen::cursor (c++ member)": [[36, "_CPPv4N10MenuScreen6cursorE", false]], "menuscreen::down (c++ function)": [[36, "_CPPv4N10MenuScreen4downEP12MenuRenderer", false]], "menuscreen::draw (c++ function)": [[36, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", false]], "menuscreen::getcursor (c++ function)": [[36, "_CPPv4N10MenuScreen9getCursorEv", false]], "menuscreen::getitemat (c++ function)": [[36, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", false]], "menuscreen::itemcount (c++ member)": [[36, "_CPPv4N10MenuScreen9itemCountE", false]], "menuscreen::items (c++ member)": [[36, "_CPPv4N10MenuScreen5itemsE", false]], "menuscreen::menuscreen (c++ function)": [[36, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", false]], "menuscreen::operator[] (c++ function)": [[36, "_CPPv4N10MenuScreenixEK7uint8_t", false]], "menuscreen::parent (c++ member)": [[36, "_CPPv4N10MenuScreen6parentE", false]], "menuscreen::process (c++ function)": [[36, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", false]], "menuscreen::reset (c++ function)": [[36, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", false]], "menuscreen::setcursor (c++ function)": [[36, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", false]], "menuscreen::setparent (c++ function)": [[36, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", false]], "menuscreen::syncindicators (c++ function)": [[36, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", false]], "menuscreen::up (c++ function)": [[36, "_CPPv4N10MenuScreen2upEP12MenuRenderer", false]], "menuscreen::view (c++ member)": [[36, "_CPPv4N10MenuScreen4viewE", false]], "simplerotaryadapter (c++ class)": [[47, "_CPPv419SimpleRotaryAdapter", false]], "simplerotaryadapter::encoder (c++ member)": [[47, "_CPPv4N19SimpleRotaryAdapter7encoderE", false]], "simplerotaryadapter::lastpresstime (c++ member)": [[47, "_CPPv4N19SimpleRotaryAdapter13lastPressTimeE", false]], "simplerotaryadapter::observe (c++ function)": [[47, "_CPPv4N19SimpleRotaryAdapter7observeEv", false]], "simplerotaryadapter::pendingenter (c++ member)": [[47, "_CPPv4N19SimpleRotaryAdapter12pendingEnterE", false]], "simplerotaryadapter::simplerotaryadapter (c++ function)": [[47, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", false]], "ssd1803a_i2cadapter (c++ class)": [[41, "_CPPv419SSD1803A_I2CAdapter", false]], "ssd1803a_i2cadapter::begin (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter5beginEv", false]], "ssd1803a_i2cadapter::clear (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter5clearEv", false]], "ssd1803a_i2cadapter::clearblinker (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter12clearBlinkerEv", false]], "ssd1803a_i2cadapter::createchar (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", false]], "ssd1803a_i2cadapter::draw (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", false], [41, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", false]], "ssd1803a_i2cadapter::drawblinker (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter11drawBlinkerEv", false]], "ssd1803a_i2cadapter::hide (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter4hideEv", false]], "ssd1803a_i2cadapter::lcd (c++ member)": [[41, "_CPPv4N19SSD1803A_I2CAdapter3lcdE", false]], "ssd1803a_i2cadapter::setbacklight (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", false]], "ssd1803a_i2cadapter::setcursor (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", false]], "ssd1803a_i2cadapter::show (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter4showEv", false]], "ssd1803a_i2cadapter::ssd1803a_i2cadapter (c++ function)": [[41, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", false]], "threshold (c macro)": [[46, "c.THRESHOLD", false]], "widget_bool (c++ function)": [[54, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", false]], "widget_list (c++ function)": [[55, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", false]], "widget_range (c++ function)": [[56, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", false]], "widgetbool (c++ class)": [[54, "_CPPv410WidgetBool", false]], "widgetbool::draw (c++ function)": [[54, "_CPPv4N10WidgetBool4drawEPcK7uint8_t", false]], "widgetbool::gettextoff (c++ function)": [[54, "_CPPv4NK10WidgetBool10getTextOffEv", false]], "widgetbool::gettexton (c++ function)": [[54, "_CPPv4NK10WidgetBool9getTextOnEv", false]], "widgetbool::process (c++ function)": [[54, "_CPPv4N10WidgetBool7processEP7LcdMenuKh", false]], "widgetbool::textoff (c++ member)": [[54, "_CPPv4N10WidgetBool7textOffE", false]], "widgetbool::texton (c++ member)": [[54, "_CPPv4N10WidgetBool6textOnE", false]], "widgetbool::widgetbool (c++ function)": [[54, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", false]], "widgetlist (c++ class)": [[55, "_CPPv4I0E10WidgetList", false]], "widgetlist::activeposition (c++ member)": [[55, "_CPPv4N10WidgetList14activePositionE", false]], "widgetlist::cycle (c++ member)": [[55, "_CPPv4N10WidgetList5cycleE", false]], "widgetlist::nextvalue (c++ function)": [[55, "_CPPv4N10WidgetList9nextValueEv", false]], "widgetlist::previousvalue (c++ function)": [[55, "_CPPv4N10WidgetList13previousValueEv", false]], "widgetlist::process (c++ function)": [[55, "_CPPv4N10WidgetList7processEP7LcdMenuKh", false]], "widgetlist::size (c++ member)": [[55, "_CPPv4N10WidgetList4sizeE", false]], "widgetlist::updatevalue (c++ function)": [[55, "_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper", false]], "widgetlist::values (c++ member)": [[55, "_CPPv4N10WidgetList6valuesE", false]], "widgetlist::widgetlist (c++ function)": [[55, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", false]], "widgetrange (c++ class)": [[56, "_CPPv4I0E11WidgetRange", false]], "widgetrange::cycle (c++ member)": [[56, "_CPPv4N11WidgetRange5cycleE", false]], "widgetrange::decrement (c++ function)": [[56, "_CPPv4N11WidgetRange9decrementEv", false]], "widgetrange::increment (c++ function)": [[56, "_CPPv4N11WidgetRange9incrementEv", false]], "widgetrange::maxvalue (c++ member)": [[56, "_CPPv4N11WidgetRange8maxValueE", false]], "widgetrange::minvalue (c++ member)": [[56, "_CPPv4N11WidgetRange8minValueE", false]], "widgetrange::process (c++ function)": [[56, "_CPPv4N11WidgetRange7processEP7LcdMenuKh", false]], "widgetrange::setvalue (c++ function)": [[56, "_CPPv4N11WidgetRange8setValueERK1T", false]], "widgetrange::step (c++ member)": [[56, "_CPPv4N11WidgetRange4stepE", false]], "widgetrange::widgetrange (c++ function)": [[56, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", false]]}, "objects": {"": [[46, 0, 1, "c.BS", "BS"], [46, 0, 1, "c.C2_CSI_TERMINAL_MAX", "C2_CSI_TERMINAL_MAX"], [46, 0, 1, "c.C2_CSI_TERMINAL_MIN", "C2_CSI_TERMINAL_MIN"], [46, 0, 1, "c.CR", "CR"], [46, 0, 1, "c.CSI_BUFFER_SIZE", "CSI_BUFFER_SIZE"], [46, 0, 1, "c.DEL", "DEL"], [47, 0, 1, "c.DOUBLE_PRESS_THRESHOLD", "DOUBLE_PRESS_THRESHOLD"], [46, 0, 1, "c.ESC", "ESC"], [35, 0, 1, "c.ITEM_BASIC", "ITEM_BASIC"], [52, 0, 1, "c.ITEM_DRAW_BUFFER_SIZE", "ITEM_DRAW_BUFFER_SIZE"], [25, 0, 1, "c.ITEM_FLOAT_RANGE", "ITEM_FLOAT_RANGE"], [26, 0, 1, "c.ITEM_INPUT", "ITEM_INPUT"], [27, 0, 1, "c.ITEM_INPUT_CHARSET", "ITEM_INPUT_CHARSET"], [28, 0, 1, "c.ITEM_INT_RANGE", "ITEM_INT_RANGE"], [29, 0, 1, "c.ITEM_STRING_LIST", "ITEM_STRING_LIST"], [32, 0, 1, "c.ITEM_TOGGLE", "ITEM_TOGGLE"], [46, 0, 1, "c.LF", "LF"], [47, 0, 1, "c.LONG_PRESS_DURATION", "LONG_PRESS_DURATION"], [36, 0, 1, "c.MENU_SCREEN", "MENU_SCREEN"], [46, 0, 1, "c.THRESHOLD", "THRESHOLD"], [21, 1, 1, "_CPPv419BaseItemManyWidgets", "BaseItemManyWidgets"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", "BaseItemManyWidgets::BaseItemManyWidgets"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", "BaseItemManyWidgets::BaseItemManyWidgets::activeWidget"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", "BaseItemManyWidgets::BaseItemManyWidgets::size"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", "BaseItemManyWidgets::BaseItemManyWidgets::text"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets19BaseItemManyWidgetsEPKcPP10BaseWidgetK7uint8_t7uint8_t", "BaseItemManyWidgets::BaseItemManyWidgets::widgets"], [21, 4, 1, "_CPPv4N19BaseItemManyWidgets12activeWidgetE", "BaseItemManyWidgets::activeWidget"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer", "BaseItemManyWidgets::back"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets4backEP12MenuRenderer", "BaseItemManyWidgets::back::renderer"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer", "BaseItemManyWidgets::draw"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets4drawEP12MenuRenderer", "BaseItemManyWidgets::draw::renderer"], [21, 2, 1, "_CPPv4NK19BaseItemManyWidgets15getActiveWidgetEv", "BaseItemManyWidgets::getActiveWidget"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets12handleCommitEv", "BaseItemManyWidgets::handleCommit"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer", "BaseItemManyWidgets::left"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets4leftEP12MenuRenderer", "BaseItemManyWidgets::left::renderer"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh", "BaseItemManyWidgets::process"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh", "BaseItemManyWidgets::process::command"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets7processEP7LcdMenuKh", "BaseItemManyWidgets::process::menu"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets5resetEv", "BaseItemManyWidgets::reset"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer", "BaseItemManyWidgets::right"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets5rightEP12MenuRenderer", "BaseItemManyWidgets::right::renderer"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t", "BaseItemManyWidgets::setActiveWidget"], [21, 3, 1, "_CPPv4N19BaseItemManyWidgets15setActiveWidgetEK7uint8_t", "BaseItemManyWidgets::setActiveWidget::activeWidget"], [21, 4, 1, "_CPPv4N19BaseItemManyWidgets4sizeE", "BaseItemManyWidgets::size"], [21, 4, 1, "_CPPv4N19BaseItemManyWidgets7widgetsE", "BaseItemManyWidgets::widgets"], [21, 2, 1, "_CPPv4N19BaseItemManyWidgetsD0Ev", "BaseItemManyWidgets::~BaseItemManyWidgets"], [22, 1, 1, "_CPPv418BaseItemZeroWidget", "BaseItemZeroWidget"], [22, 2, 1, "_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc", "BaseItemZeroWidget::BaseItemZeroWidget"], [22, 3, 1, "_CPPv4N18BaseItemZeroWidget18BaseItemZeroWidgetEPKc", "BaseItemZeroWidget::BaseItemZeroWidget::text"], [22, 2, 1, "_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer", "BaseItemZeroWidget::draw"], [22, 3, 1, "_CPPv4N18BaseItemZeroWidget4drawEP12MenuRenderer", "BaseItemZeroWidget::draw::renderer"], [22, 2, 1, "_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu", "BaseItemZeroWidget::handleCommit"], [22, 3, 1, "_CPPv4N18BaseItemZeroWidget12handleCommitEP7LcdMenu", "BaseItemZeroWidget::handleCommit::menu"], [22, 2, 1, "_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh", "BaseItemZeroWidget::process"], [22, 3, 1, "_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh", "BaseItemZeroWidget::process::command"], [22, 3, 1, "_CPPv4N18BaseItemZeroWidget7processEP7LcdMenuKh", "BaseItemZeroWidget::process::menu"], [22, 2, 1, "_CPPv4N18BaseItemZeroWidgetD0Ev", "BaseItemZeroWidget::~BaseItemZeroWidget"], [52, 1, 1, "_CPPv410BaseWidget", "BaseWidget"], [52, 2, 1, "_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t", "BaseWidget::BaseWidget"], [52, 3, 1, "_CPPv4N10BaseWidget10BaseWidgetEK7uint8_t", "BaseWidget::BaseWidget::cursorOffset"], [52, 4, 1, "_CPPv4N10BaseWidget12cursorOffsetE", "BaseWidget::cursorOffset"], [52, 2, 1, "_CPPv4N10BaseWidget4drawEPcK7uint8_t", "BaseWidget::draw"], [52, 3, 1, "_CPPv4N10BaseWidget4drawEPcK7uint8_t", "BaseWidget::draw::buffer"], [52, 3, 1, "_CPPv4N10BaseWidget4drawEPcK7uint8_t", "BaseWidget::draw::start"], [52, 2, 1, "_CPPv4N10BaseWidget7processEP7LcdMenuh", "BaseWidget::process"], [52, 3, 1, "_CPPv4N10BaseWidget7processEP7LcdMenuh", "BaseWidget::process::command"], [52, 3, 1, "_CPPv4N10BaseWidget7processEP7LcdMenuh", "BaseWidget::process::menu"], [52, 2, 1, "_CPPv4N10BaseWidgetD0Ev", "BaseWidget::~BaseWidget"], [53, 1, 1, "_CPPv4I0E15BaseWidgetValue", "BaseWidgetValue"], [53, 2, 1, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", "BaseWidgetValue::BaseWidgetValue"], [53, 3, 1, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", "BaseWidgetValue::BaseWidgetValue::callback"], [53, 3, 1, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", "BaseWidgetValue::BaseWidgetValue::cursorOffset"], [53, 3, 1, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", "BaseWidgetValue::BaseWidgetValue::format"], [53, 3, 1, "_CPPv4N15BaseWidgetValue15BaseWidgetValueERK1TPKcK7uint8_tPFvRK1TE", "BaseWidgetValue::BaseWidgetValue::value"], [53, 5, 1, "_CPPv4I0E15BaseWidgetValue", "BaseWidgetValue::T"], [53, 4, 1, "_CPPv4N15BaseWidgetValue8callbackE", "BaseWidgetValue::callback"], [53, 2, 1, "_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t", "BaseWidgetValue::draw"], [53, 3, 1, "_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t", "BaseWidgetValue::draw::buffer"], [53, 3, 1, "_CPPv4N15BaseWidgetValue4drawEPcK7uint8_t", "BaseWidgetValue::draw::start"], [53, 4, 1, "_CPPv4N15BaseWidgetValue6formatE", "BaseWidgetValue::format"], [53, 2, 1, "_CPPv4NK15BaseWidgetValue8getValueEv", "BaseWidgetValue::getValue"], [53, 2, 1, "_CPPv4N15BaseWidgetValue12handleChangeEv", "BaseWidgetValue::handleChange"], [53, 2, 1, "_CPPv4N15BaseWidgetValue7processEP7LcdMenuh", "BaseWidgetValue::process"], [53, 3, 1, "_CPPv4N15BaseWidgetValue7processEP7LcdMenuh", "BaseWidgetValue::process::command"], [53, 3, 1, "_CPPv4N15BaseWidgetValue7processEP7LcdMenuh", "BaseWidgetValue::process::menu"], [53, 2, 1, "_CPPv4N15BaseWidgetValue8setValueERK1T", "BaseWidgetValue::setValue"], [53, 3, 1, "_CPPv4N15BaseWidgetValue8setValueERK1T", "BaseWidgetValue::setValue::newValue"], [53, 4, 1, "_CPPv4N15BaseWidgetValue5valueE", "BaseWidgetValue::value"], [53, 2, 1, "_CPPv4N15BaseWidgetValueD0Ev", "BaseWidgetValue::~BaseWidgetValue"], [44, 1, 1, "_CPPv413ButtonAdapter", "ButtonAdapter"], [44, 2, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter"], [44, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::button"], [44, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::command"], [44, 3, 1, "_CPPv4N13ButtonAdapter13ButtonAdapterEP7LcdMenuP6Button4byte", "ButtonAdapter::ButtonAdapter::menu"], [44, 4, 1, "_CPPv4N13ButtonAdapter6buttonE", "ButtonAdapter::button"], [44, 4, 1, "_CPPv4N13ButtonAdapter7commandE", "ButtonAdapter::command"], [44, 2, 1, "_CPPv4N13ButtonAdapter7observeEv", "ButtonAdapter::observe"], [37, 1, 1, "_CPPv425CharacterDisplayInterface", "CharacterDisplayInterface"], [37, 2, 1, "_CPPv4N25CharacterDisplayInterface12clearBlinkerEv", "CharacterDisplayInterface::clearBlinker"], [37, 2, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar"], [37, 3, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar::c"], [37, 3, 1, "_CPPv4N25CharacterDisplayInterface10createCharE7uint8_tP7uint8_t", "CharacterDisplayInterface::createChar::id"], [37, 2, 1, "_CPPv4N25CharacterDisplayInterface11drawBlinkerEv", "CharacterDisplayInterface::drawBlinker"], [37, 2, 1, "_CPPv4N25CharacterDisplayInterfaceD0Ev", "CharacterDisplayInterface::~CharacterDisplayInterface"], [49, 1, 1, "_CPPv424CharacterDisplayRenderer", "CharacterDisplayRenderer"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::cursorIcon"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::display"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::downArrow"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::editCursorIcon"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::maxCols"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::maxRows"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer24CharacterDisplayRendererEP25CharacterDisplayInterfaceK7uint8_tK7uint8_tK7uint8_tK7uint8_tP7uint8_tP7uint8_t", "CharacterDisplayRenderer::CharacterDisplayRenderer::upArrow"], [49, 4, 1, "_CPPv4N24CharacterDisplayRenderer16availableColumnsE", "CharacterDisplayRenderer::availableColumns"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer5beginEv", "CharacterDisplayRenderer::begin"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer12clearBlinkerEv", "CharacterDisplayRenderer::clearBlinker"], [49, 4, 1, "_CPPv4N24CharacterDisplayRenderer10cursorIconE", "CharacterDisplayRenderer::cursorIcon"], [49, 4, 1, "_CPPv4N24CharacterDisplayRenderer9downArrowE", "CharacterDisplayRenderer::downArrow"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", "CharacterDisplayRenderer::draw"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer4drawE7uint8_t", "CharacterDisplayRenderer::draw::byte"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer11drawBlinkerEv", "CharacterDisplayRenderer::drawBlinker"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb", "CharacterDisplayRenderer::drawItem"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb", "CharacterDisplayRenderer::drawItem::paddWithBlanks"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb", "CharacterDisplayRenderer::drawItem::text"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawItemEPKcPKcb", "CharacterDisplayRenderer::drawItem::value"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::col"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::text"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer8drawTextEPKcR7uint8_t7uint8_t", "CharacterDisplayRenderer::drawText::viewShift"], [49, 4, 1, "_CPPv4N24CharacterDisplayRenderer14editCursorIconE", "CharacterDisplayRenderer::editCursorIcon"], [49, 2, 1, "_CPPv4NK24CharacterDisplayRenderer16getEffectiveColsEv", "CharacterDisplayRenderer::getEffectiveCols"], [49, 2, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor::cursorCol"], [49, 3, 1, "_CPPv4N24CharacterDisplayRenderer10moveCursorE7uint8_t7uint8_t", "CharacterDisplayRenderer::moveCursor::cursorRow"], [49, 4, 1, "_CPPv4N24CharacterDisplayRenderer7upArrowE", "CharacterDisplayRenderer::upArrow"], [38, 1, 1, "_CPPv416DisplayInterface", "DisplayInterface"], [38, 2, 1, "_CPPv4N16DisplayInterface16DisplayInterfaceEv", "DisplayInterface::DisplayInterface"], [38, 2, 1, "_CPPv4N16DisplayInterface5beginEv", "DisplayInterface::begin"], [38, 2, 1, "_CPPv4N16DisplayInterface5clearEv", "DisplayInterface::clear"], [38, 2, 1, "_CPPv4N16DisplayInterface4drawE7uint8_t", "DisplayInterface::draw"], [38, 2, 1, "_CPPv4N16DisplayInterface4drawEPKc", "DisplayInterface::draw"], [38, 3, 1, "_CPPv4N16DisplayInterface4drawE7uint8_t", "DisplayInterface::draw::byte"], [38, 3, 1, "_CPPv4N16DisplayInterface4drawEPKc", "DisplayInterface::draw::text"], [38, 2, 1, "_CPPv4N16DisplayInterface4hideEv", "DisplayInterface::hide"], [38, 2, 1, "_CPPv4N16DisplayInterface12setBacklightEb", "DisplayInterface::setBacklight"], [38, 3, 1, "_CPPv4N16DisplayInterface12setBacklightEb", "DisplayInterface::setBacklight::enabled"], [38, 2, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor"], [38, 3, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor::col"], [38, 3, 1, "_CPPv4N16DisplayInterface9setCursorE7uint8_t7uint8_t", "DisplayInterface::setCursor::row"], [38, 2, 1, "_CPPv4N16DisplayInterface4showEv", "DisplayInterface::show"], [38, 2, 1, "_CPPv4N16DisplayInterfaceD0Ev", "DisplayInterface::~DisplayInterface"], [23, 2, 1, "_CPPv49ITEM_BACKPKc", "ITEM_BACK"], [23, 3, 1, "_CPPv49ITEM_BACKPKc", "ITEM_BACK::text"], [24, 2, 1, "_CPPv412ITEM_COMMANDPKcPFvvE", "ITEM_COMMAND"], [24, 3, 1, "_CPPv412ITEM_COMMANDPKcPFvvE", "ITEM_COMMAND::callback"], [24, 3, 1, "_CPPv412ITEM_COMMANDPKcPFvvE", "ITEM_COMMAND::text"], [31, 2, 1, "_CPPv412ITEM_SUBMENUPKcRP10MenuScreen", "ITEM_SUBMENU"], [31, 3, 1, "_CPPv412ITEM_SUBMENUPKcRP10MenuScreen", "ITEM_SUBMENU::screen"], [31, 3, 1, "_CPPv412ITEM_SUBMENUPKcRP10MenuScreen", "ITEM_SUBMENU::text"], [33, 2, 1, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", "ITEM_WIDGET"], [33, 5, 1, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", "ITEM_WIDGET::Ts"], [33, 3, 1, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", "ITEM_WIDGET::callback"], [33, 3, 1, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", "ITEM_WIDGET::text"], [33, 3, 1, "_CPPv4IDpE11ITEM_WIDGETP8MenuItemPKcN10ItemWidgetIDp2TsE12CallbackTypeEDpP15BaseWidgetValueI2TsE", "ITEM_WIDGET::widgetPtrs"], [45, 1, 1, "_CPPv414InputInterface", "InputInterface"], [45, 2, 1, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", "InputInterface::InputInterface"], [45, 3, 1, "_CPPv4N14InputInterface14InputInterfaceEP7LcdMenu", "InputInterface::InputInterface::menu"], [45, 4, 1, "_CPPv4N14InputInterface4menuE", "InputInterface::menu"], [45, 2, 1, "_CPPv4N14InputInterface7observeEv", "InputInterface::observe"], [45, 2, 1, "_CPPv4N14InputInterfaceD0Ev", "InputInterface::~InputInterface"], [23, 1, 1, "_CPPv48ItemBack", "ItemBack"], [23, 2, 1, "_CPPv4N8ItemBack8ItemBackEPKc", "ItemBack::ItemBack"], [23, 3, 1, "_CPPv4N8ItemBack8ItemBackEPKc", "ItemBack::ItemBack::text"], [23, 2, 1, "_CPPv4N8ItemBack12handleCommitEP7LcdMenu", "ItemBack::handleCommit"], [23, 3, 1, "_CPPv4N8ItemBack12handleCommitEP7LcdMenu", "ItemBack::handleCommit::menu"], [24, 1, 1, "_CPPv411ItemCommand", "ItemCommand"], [24, 2, 1, "_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE", "ItemCommand::ItemCommand"], [24, 3, 1, "_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE", "ItemCommand::ItemCommand::callback"], [24, 3, 1, "_CPPv4N11ItemCommand11ItemCommandEPKcPFvvE", "ItemCommand::ItemCommand::text"], [24, 4, 1, "_CPPv4N11ItemCommand8callbackE", "ItemCommand::callback"], [24, 2, 1, "_CPPv4N11ItemCommand12handleCommitEP7LcdMenu", "ItemCommand::handleCommit"], [24, 3, 1, "_CPPv4N11ItemCommand12handleCommitEP7LcdMenu", "ItemCommand::handleCommit::menu"], [25, 1, 1, "_CPPv414ItemFloatRange", "ItemFloatRange"], [25, 2, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::callback"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::commitOnChange"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::format"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::max"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::min"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::startingValue"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::step"], [25, 3, 1, "_CPPv4N14ItemFloatRange14ItemFloatRangeEPKcKfKff9fptrFloatPKcfb", "ItemFloatRange::ItemFloatRange::text"], [25, 2, 1, "_CPPv4N14ItemFloatRange15getDisplayValueEv", "ItemFloatRange::getDisplayValue"], [26, 1, 1, "_CPPv49ItemInput", "ItemInput"], [26, 2, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput"], [26, 2, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput"], [26, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput::callback"], [26, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::callback"], [26, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKc7fptrStr", "ItemInput::ItemInput::text"], [26, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::text"], [26, 3, 1, "_CPPv4N9ItemInput9ItemInputEPKcPc7fptrStr", "ItemInput::ItemInput::value"], [26, 2, 1, "_CPPv4N9ItemInput4backEP12MenuRenderer", "ItemInput::back"], [26, 3, 1, "_CPPv4N9ItemInput4backEP12MenuRenderer", "ItemInput::back::renderer"], [26, 2, 1, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", "ItemInput::backspace"], [26, 3, 1, "_CPPv4N9ItemInput9backspaceEP12MenuRenderer", "ItemInput::backspace::renderer"], [26, 4, 1, "_CPPv4N9ItemInput8callbackE", "ItemInput::callback"], [26, 2, 1, "_CPPv4N9ItemInput5clearEP12MenuRenderer", "ItemInput::clear"], [26, 3, 1, "_CPPv4N9ItemInput5clearEP12MenuRenderer", "ItemInput::clear::renderer"], [26, 4, 1, "_CPPv4N9ItemInput6cursorE", "ItemInput::cursor"], [26, 2, 1, "_CPPv4N9ItemInput4drawEP12MenuRenderer", "ItemInput::draw"], [26, 3, 1, "_CPPv4N9ItemInput4drawEP12MenuRenderer", "ItemInput::draw::renderer"], [26, 2, 1, "_CPPv4N9ItemInput5enterEP12MenuRenderer", "ItemInput::enter"], [26, 3, 1, "_CPPv4N9ItemInput5enterEP12MenuRenderer", "ItemInput::enter::renderer"], [26, 2, 1, "_CPPv4N9ItemInput14getCallbackStrEv", "ItemInput::getCallbackStr"], [26, 2, 1, "_CPPv4N9ItemInput8getValueEv", "ItemInput::getValue"], [26, 2, 1, "_CPPv4N9ItemInput4leftEP12MenuRenderer", "ItemInput::left"], [26, 3, 1, "_CPPv4N9ItemInput4leftEP12MenuRenderer", "ItemInput::left::renderer"], [26, 2, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process"], [26, 3, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process::command"], [26, 3, 1, "_CPPv4N9ItemInput7processEP7LcdMenuKh", "ItemInput::process::menu"], [26, 2, 1, "_CPPv4N9ItemInput5rightEP12MenuRenderer", "ItemInput::right"], [26, 3, 1, "_CPPv4N9ItemInput5rightEP12MenuRenderer", "ItemInput::right::renderer"], [26, 2, 1, "_CPPv4N9ItemInput8setValueEPc", "ItemInput::setValue"], [26, 3, 1, "_CPPv4N9ItemInput8setValueEPc", "ItemInput::setValue::value"], [26, 2, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar"], [26, 3, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar::character"], [26, 3, 1, "_CPPv4N9ItemInput8typeCharEP12MenuRendererKh", "ItemInput::typeChar::renderer"], [26, 4, 1, "_CPPv4N9ItemInput5valueE", "ItemInput::value"], [26, 4, 1, "_CPPv4N9ItemInput4viewE", "ItemInput::view"], [27, 1, 1, "_CPPv416ItemInputCharset", "ItemInputCharset"], [27, 2, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset"], [27, 2, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::callback"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::callback"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::charset"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::charset"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::text"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::text"], [27, 3, 1, "_CPPv4N16ItemInputCharset16ItemInputCharsetEPKcPcPKc7fptrStr", "ItemInputCharset::ItemInputCharset::value"], [27, 2, 1, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", "ItemInputCharset::abortCharEdit"], [27, 3, 1, "_CPPv4N16ItemInputCharset13abortCharEditEP12MenuRenderer", "ItemInputCharset::abortCharEdit::renderer"], [27, 4, 1, "_CPPv4N16ItemInputCharset8charEditE", "ItemInputCharset::charEdit"], [27, 4, 1, "_CPPv4N16ItemInputCharset7charsetE", "ItemInputCharset::charset"], [27, 4, 1, "_CPPv4N16ItemInputCharset15charsetPositionE", "ItemInputCharset::charsetPosition"], [27, 2, 1, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", "ItemInputCharset::commitCharEdit"], [27, 3, 1, "_CPPv4N16ItemInputCharset14commitCharEditEP12MenuRenderer", "ItemInputCharset::commitCharEdit::renderer"], [27, 2, 1, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", "ItemInputCharset::drawChar"], [27, 3, 1, "_CPPv4N16ItemInputCharset8drawCharEP12MenuRenderer", "ItemInputCharset::drawChar::renderer"], [27, 2, 1, "_CPPv4N16ItemInputCharset12initCharEditEv", "ItemInputCharset::initCharEdit"], [27, 2, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process"], [27, 3, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process::command"], [27, 3, 1, "_CPPv4N16ItemInputCharset7processEP7LcdMenuKh", "ItemInputCharset::process::menu"], [27, 2, 1, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", "ItemInputCharset::showNextChar"], [27, 3, 1, "_CPPv4N16ItemInputCharset12showNextCharEP12MenuRenderer", "ItemInputCharset::showNextChar::renderer"], [27, 2, 1, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", "ItemInputCharset::showPreviousChar"], [27, 3, 1, "_CPPv4N16ItemInputCharset16showPreviousCharEP12MenuRenderer", "ItemInputCharset::showPreviousChar::renderer"], [28, 1, 1, "_CPPv412ItemIntRange", "ItemIntRange"], [28, 2, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::callback"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::commitOnChange"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::format"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::max"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::min"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::startingValue"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::step"], [28, 3, 1, "_CPPv4N12ItemIntRange12ItemIntRangeEPKcKiKii7fptrIntPKcib", "ItemIntRange::ItemIntRange::text"], [28, 2, 1, "_CPPv4N12ItemIntRange15getDisplayValueEv", "ItemIntRange::getDisplayValue"], [29, 1, 1, "_CPPv48ItemList", "ItemList"], [29, 2, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList"], [29, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::callback"], [29, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::itemCount"], [29, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::items"], [29, 3, 1, "_CPPv4N8ItemList8ItemListEPKcP6StringK7uint8_t8fptruInt", "ItemList::ItemList::key"], [29, 4, 1, "_CPPv4N8ItemList8callbackE", "ItemList::callback"], [29, 2, 1, "_CPPv4N8ItemList4drawEP12MenuRenderer", "ItemList::draw"], [29, 3, 1, "_CPPv4N8ItemList4drawEP12MenuRenderer", "ItemList::draw::renderer"], [29, 2, 1, "_CPPv4N8ItemList14getCallbackIntEv", "ItemList::getCallbackInt"], [29, 2, 1, "_CPPv4N8ItemList12getItemCountEv", "ItemList::getItemCount"], [29, 2, 1, "_CPPv4N8ItemList12getItemIndexEv", "ItemList::getItemIndex"], [29, 2, 1, "_CPPv4N8ItemList8getItemsEv", "ItemList::getItems"], [29, 2, 1, "_CPPv4N8ItemList8getValueEv", "ItemList::getValue"], [29, 4, 1, "_CPPv4N8ItemList9itemCountE", "ItemList::itemCount"], [29, 4, 1, "_CPPv4N8ItemList9itemIndexE", "ItemList::itemIndex"], [29, 4, 1, "_CPPv4N8ItemList5itemsE", "ItemList::items"], [29, 2, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process"], [29, 3, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process::command"], [29, 3, 1, "_CPPv4N8ItemList7processEP7LcdMenuKh", "ItemList::process::menu"], [29, 2, 1, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", "ItemList::selectNext"], [29, 3, 1, "_CPPv4N8ItemList10selectNextEP12MenuRenderer", "ItemList::selectNext::renderer"], [29, 2, 1, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", "ItemList::selectPrevious"], [29, 3, 1, "_CPPv4N8ItemList14selectPreviousEP12MenuRenderer", "ItemList::selectPrevious::renderer"], [29, 2, 1, "_CPPv4N8ItemList12setItemIndexE7uint8_t", "ItemList::setItemIndex"], [29, 3, 1, "_CPPv4N8ItemList12setItemIndexE7uint8_t", "ItemList::setItemIndex::itemIndex"], [30, 1, 1, "_CPPv4I0E13ItemRangeBase", "ItemRangeBase"], [30, 2, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::callback"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::commitOnChange"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::format"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::max"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::min"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::startingValue"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::step"], [30, 3, 1, "_CPPv4N13ItemRangeBase13ItemRangeBaseEPKcK1TK1T1TPFv1TEPKc1Tb", "ItemRangeBase::ItemRangeBase::text"], [30, 5, 1, "_CPPv4I0E13ItemRangeBase", "ItemRangeBase::T"], [30, 4, 1, "_CPPv4N13ItemRangeBase8callbackE", "ItemRangeBase::callback"], [30, 4, 1, "_CPPv4N13ItemRangeBase14commitOnChangeE", "ItemRangeBase::commitOnChange"], [30, 4, 1, "_CPPv4N13ItemRangeBase12currentValueE", "ItemRangeBase::currentValue"], [30, 2, 1, "_CPPv4N13ItemRangeBase9decrementEv", "ItemRangeBase::decrement"], [30, 2, 1, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", "ItemRangeBase::draw"], [30, 3, 1, "_CPPv4N13ItemRangeBase4drawEP12MenuRenderer", "ItemRangeBase::draw::renderer"], [30, 4, 1, "_CPPv4N13ItemRangeBase6formatE", "ItemRangeBase::format"], [30, 2, 1, "_CPPv4N13ItemRangeBase15getCurrentValueEv", "ItemRangeBase::getCurrentValue"], [30, 2, 1, "_CPPv4N13ItemRangeBase15getDisplayValueEv", "ItemRangeBase::getDisplayValue"], [30, 2, 1, "_CPPv4N13ItemRangeBase9incrementEv", "ItemRangeBase::increment"], [30, 4, 1, "_CPPv4N13ItemRangeBase8maxValueE", "ItemRangeBase::maxValue"], [30, 4, 1, "_CPPv4N13ItemRangeBase8minValueE", "ItemRangeBase::minValue"], [30, 2, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process"], [30, 3, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process::command"], [30, 3, 1, "_CPPv4N13ItemRangeBase7processEP7LcdMenuKh", "ItemRangeBase::process::menu"], [30, 2, 1, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", "ItemRangeBase::setCurrentValue"], [30, 3, 1, "_CPPv4N13ItemRangeBase15setCurrentValueE1T", "ItemRangeBase::setCurrentValue::value"], [30, 4, 1, "_CPPv4N13ItemRangeBase4stepE", "ItemRangeBase::step"], [31, 1, 1, "_CPPv411ItemSubMenu", "ItemSubMenu"], [31, 2, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu"], [31, 3, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu::screen"], [31, 3, 1, "_CPPv4N11ItemSubMenu11ItemSubMenuEPKcRP10MenuScreen", "ItemSubMenu::ItemSubMenu::text"], [31, 2, 1, "_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu", "ItemSubMenu::handleCommit"], [31, 3, 1, "_CPPv4N11ItemSubMenu12handleCommitEP7LcdMenu", "ItemSubMenu::handleCommit::menu"], [31, 4, 1, "_CPPv4N11ItemSubMenu6screenE", "ItemSubMenu::screen"], [32, 1, 1, "_CPPv410ItemToggle", "ItemToggle"], [32, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle"], [32, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle"], [32, 2, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::callback"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle::callback"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::callback"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::enabled"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc8fptrBool", "ItemToggle::ItemToggle::key"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKc7boolean8fptrBool", "ItemToggle::ItemToggle::text"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::text"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::textOff"], [32, 3, 1, "_CPPv4N10ItemToggle10ItemToggleEPKcPKcPKc8fptrBool", "ItemToggle::ItemToggle::textOn"], [32, 4, 1, "_CPPv4N10ItemToggle8callbackE", "ItemToggle::callback"], [32, 2, 1, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", "ItemToggle::draw"], [32, 3, 1, "_CPPv4N10ItemToggle4drawEP12MenuRenderer", "ItemToggle::draw::renderer"], [32, 4, 1, "_CPPv4N10ItemToggle7enabledE", "ItemToggle::enabled"], [32, 2, 1, "_CPPv4N10ItemToggle14getCallbackIntEv", "ItemToggle::getCallbackInt"], [32, 2, 1, "_CPPv4N10ItemToggle10getTextOffEv", "ItemToggle::getTextOff"], [32, 2, 1, "_CPPv4N10ItemToggle9getTextOnEv", "ItemToggle::getTextOn"], [32, 2, 1, "_CPPv4N10ItemToggle4isOnEv", "ItemToggle::isOn"], [32, 2, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process"], [32, 3, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process::command"], [32, 3, 1, "_CPPv4N10ItemToggle7processEP7LcdMenuKh", "ItemToggle::process::menu"], [32, 2, 1, "_CPPv4N10ItemToggle7setIsOnE7boolean", "ItemToggle::setIsOn"], [32, 3, 1, "_CPPv4N10ItemToggle7setIsOnE7boolean", "ItemToggle::setIsOn::isOn"], [32, 4, 1, "_CPPv4N10ItemToggle7textOffE", "ItemToggle::textOff"], [32, 4, 1, "_CPPv4N10ItemToggle6textOnE", "ItemToggle::textOn"], [32, 2, 1, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", "ItemToggle::toggle"], [32, 3, 1, "_CPPv4N10ItemToggle6toggleEP12MenuRenderer", "ItemToggle::toggle::renderer"], [33, 1, 1, "_CPPv4IDpE10ItemWidget", "ItemWidget"], [33, 6, 1, "_CPPv4N10ItemWidget12CallbackTypeE", "ItemWidget::CallbackType"], [33, 2, 1, "_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType", "ItemWidget::ItemWidget"], [33, 3, 1, "_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType", "ItemWidget::ItemWidget::callback"], [33, 3, 1, "_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType", "ItemWidget::ItemWidget::text"], [33, 3, 1, "_CPPv4N10ItemWidget10ItemWidgetEPKcDpP15BaseWidgetValueI2TsE12CallbackType", "ItemWidget::ItemWidget::widgetPtrs"], [33, 5, 1, "_CPPv4IDpE10ItemWidget", "ItemWidget::Ts"], [33, 4, 1, "_CPPv4N10ItemWidget8callbackE", "ItemWidget::callback"], [33, 2, 1, "_CPPv4N10ItemWidget12handleCommitEv", "ItemWidget::handleCommit"], [33, 2, 1, "_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE", "ItemWidget::invokeCallback"], [33, 5, 1, "_CPPv4I_Dp6size_tEN10ItemWidget14invokeCallbackEv14index_sequenceIDp2IsE", "ItemWidget::invokeCallback::Is"], [33, 2, 1, "_CPPv4N10ItemWidget9setValuesEDp2Ts", "ItemWidget::setValues"], [33, 3, 1, "_CPPv4N10ItemWidget9setValuesEDp2Ts", "ItemWidget::setValues::values"], [33, 2, 1, "_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts", "ItemWidget::setValuesImpl"], [33, 5, 1, "_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts", "ItemWidget::setValuesImpl::Is"], [33, 3, 1, "_CPPv4I_Dp6size_tEN10ItemWidget13setValuesImplEv14index_sequenceIDp2IsEDp2Ts", "ItemWidget::setValuesImpl::values"], [46, 1, 1, "_CPPv415KeyboardAdapter", "KeyboardAdapter"], [46, 7, 1, "_CPPv4N15KeyboardAdapter7CodeSetE", "KeyboardAdapter::CodeSet"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C0E", "KeyboardAdapter::CodeSet::C0"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C1E", "KeyboardAdapter::CodeSet::C1"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_CSIE", "KeyboardAdapter::CodeSet::C2_CSI"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_DCSE", "KeyboardAdapter::CodeSet::C2_DCS"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet6C2_OSCE", "KeyboardAdapter::CodeSet::C2_OSC"], [46, 8, 1, "_CPPv4N15KeyboardAdapter7CodeSet2C3E", "KeyboardAdapter::CodeSet::C3"], [46, 2, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter"], [46, 3, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter::menu"], [46, 3, 1, "_CPPv4N15KeyboardAdapter15KeyboardAdapterEP7LcdMenuP6Stream", "KeyboardAdapter::KeyboardAdapter::stream"], [46, 4, 1, "_CPPv4N15KeyboardAdapter7codeSetE", "KeyboardAdapter::codeSet"], [46, 4, 1, "_CPPv4N15KeyboardAdapter9csiBufferE", "KeyboardAdapter::csiBuffer"], [46, 4, 1, "_CPPv4N15KeyboardAdapter15csiBufferCursorE", "KeyboardAdapter::csiBufferCursor"], [46, 2, 1, "_CPPv4N15KeyboardAdapter10handleIdleEv", "KeyboardAdapter::handleIdle"], [46, 2, 1, "_CPPv4N15KeyboardAdapter14handleReceivedEh", "KeyboardAdapter::handleReceived"], [46, 3, 1, "_CPPv4N15KeyboardAdapter14handleReceivedEh", "KeyboardAdapter::handleReceived::command"], [46, 2, 1, "_CPPv4N15KeyboardAdapter11hasLastCharEv", "KeyboardAdapter::hasLastChar"], [46, 4, 1, "_CPPv4N15KeyboardAdapter8lastCharE", "KeyboardAdapter::lastChar"], [46, 4, 1, "_CPPv4N15KeyboardAdapter17lastCharTimestampE", "KeyboardAdapter::lastCharTimestamp"], [46, 2, 1, "_CPPv4N15KeyboardAdapter7observeEv", "KeyboardAdapter::observe"], [46, 2, 1, "_CPPv4N15KeyboardAdapter5resetEv", "KeyboardAdapter::reset"], [46, 2, 1, "_CPPv4N15KeyboardAdapter12saveLastCharEh", "KeyboardAdapter::saveLastChar"], [46, 3, 1, "_CPPv4N15KeyboardAdapter12saveLastCharEh", "KeyboardAdapter::saveLastChar::command"], [46, 4, 1, "_CPPv4N15KeyboardAdapter6streamE", "KeyboardAdapter::stream"], [34, 1, 1, "_CPPv47LcdMenu", "LcdMenu"], [34, 2, 1, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", "LcdMenu::LcdMenu"], [34, 3, 1, "_CPPv4N7LcdMenu7LcdMenuER12MenuRenderer", "LcdMenu::LcdMenu::renderer"], [34, 4, 1, "_CPPv4N7LcdMenu7enabledE", "LcdMenu::enabled"], [34, 2, 1, "_CPPv4N7LcdMenu9getCursorEv", "LcdMenu::getCursor"], [34, 2, 1, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", "LcdMenu::getItemAt"], [34, 3, 1, "_CPPv4N7LcdMenu9getItemAtE7uint8_t", "LcdMenu::getItemAt::position"], [34, 2, 1, "_CPPv4N7LcdMenu11getRendererEv", "LcdMenu::getRenderer"], [34, 2, 1, "_CPPv4N7LcdMenu9getScreenEv", "LcdMenu::getScreen"], [34, 2, 1, "_CPPv4N7LcdMenu4hideEv", "LcdMenu::hide"], [34, 2, 1, "_CPPv4N7LcdMenu7processEKh", "LcdMenu::process"], [34, 3, 1, "_CPPv4N7LcdMenu7processEKh", "LcdMenu::process::c"], [34, 2, 1, "_CPPv4N7LcdMenu7refreshEv", "LcdMenu::refresh"], [34, 4, 1, "_CPPv4N7LcdMenu8rendererE", "LcdMenu::renderer"], [34, 2, 1, "_CPPv4N7LcdMenu5resetEv", "LcdMenu::reset"], [34, 4, 1, "_CPPv4N7LcdMenu6screenE", "LcdMenu::screen"], [34, 2, 1, "_CPPv4N7LcdMenu9setCursorE7uint8_t", "LcdMenu::setCursor"], [34, 3, 1, "_CPPv4N7LcdMenu9setCursorE7uint8_t", "LcdMenu::setCursor::cursor"], [34, 2, 1, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", "LcdMenu::setScreen"], [34, 3, 1, "_CPPv4N7LcdMenu9setScreenEP10MenuScreen", "LcdMenu::setScreen::screen"], [34, 2, 1, "_CPPv4N7LcdMenu4showEv", "LcdMenu::show"], [39, 1, 1, "_CPPv420LiquidCrystalAdapter", "LiquidCrystalAdapter"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::lcd"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::maxCols"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter20LiquidCrystalAdapterEP13LiquidCrystal7uint8_t7uint8_t", "LiquidCrystalAdapter::LiquidCrystalAdapter::maxRows"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter5beginEv", "LiquidCrystalAdapter::begin"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter5clearEv", "LiquidCrystalAdapter::clear"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter12clearBlinkerEv", "LiquidCrystalAdapter::clearBlinker"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar::c"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystalAdapter::createChar::id"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", "LiquidCrystalAdapter::draw"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", "LiquidCrystalAdapter::draw"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter4drawE7uint8_t", "LiquidCrystalAdapter::draw::byte"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter4drawEPKc", "LiquidCrystalAdapter::draw::text"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter11drawBlinkerEv", "LiquidCrystalAdapter::drawBlinker"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter4hideEv", "LiquidCrystalAdapter::hide"], [39, 4, 1, "_CPPv4N20LiquidCrystalAdapter3lcdE", "LiquidCrystalAdapter::lcd"], [39, 4, 1, "_CPPv4N20LiquidCrystalAdapter7maxColsE", "LiquidCrystalAdapter::maxCols"], [39, 4, 1, "_CPPv4N20LiquidCrystalAdapter7maxRowsE", "LiquidCrystalAdapter::maxRows"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", "LiquidCrystalAdapter::setBacklight"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter12setBacklightEb", "LiquidCrystalAdapter::setBacklight::enabled"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor::col"], [39, 3, 1, "_CPPv4N20LiquidCrystalAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystalAdapter::setCursor::row"], [39, 2, 1, "_CPPv4N20LiquidCrystalAdapter4showEv", "LiquidCrystalAdapter::show"], [40, 1, 1, "_CPPv424LiquidCrystal_I2CAdapter", "LiquidCrystal_I2CAdapter"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", "LiquidCrystal_I2CAdapter::LiquidCrystal_I2CAdapter"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter24LiquidCrystal_I2CAdapterEP17LiquidCrystal_I2C", "LiquidCrystal_I2CAdapter::LiquidCrystal_I2CAdapter::lcd"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter5beginEv", "LiquidCrystal_I2CAdapter::begin"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter5clearEv", "LiquidCrystal_I2CAdapter::clear"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12clearBlinkerEv", "LiquidCrystal_I2CAdapter::clearBlinker"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar::c"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter10createCharE7uint8_tP7uint8_t", "LiquidCrystal_I2CAdapter::createChar::id"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", "LiquidCrystal_I2CAdapter::draw"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", "LiquidCrystal_I2CAdapter::draw"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawE7uint8_t", "LiquidCrystal_I2CAdapter::draw::byte"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4drawEPKc", "LiquidCrystal_I2CAdapter::draw::text"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter11drawBlinkerEv", "LiquidCrystal_I2CAdapter::drawBlinker"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4hideEv", "LiquidCrystal_I2CAdapter::hide"], [40, 4, 1, "_CPPv4N24LiquidCrystal_I2CAdapter3lcdE", "LiquidCrystal_I2CAdapter::lcd"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", "LiquidCrystal_I2CAdapter::setBacklight"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter12setBacklightEb", "LiquidCrystal_I2CAdapter::setBacklight::enabled"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor::col"], [40, 3, 1, "_CPPv4N24LiquidCrystal_I2CAdapter9setCursorE7uint8_t7uint8_t", "LiquidCrystal_I2CAdapter::setCursor::row"], [40, 2, 1, "_CPPv4N24LiquidCrystal_I2CAdapter4showEv", "LiquidCrystal_I2CAdapter::show"], [35, 1, 1, "_CPPv48MenuItem", "MenuItem"], [35, 2, 1, "_CPPv4N8MenuItem8MenuItemEPKc", "MenuItem::MenuItem"], [35, 3, 1, "_CPPv4N8MenuItem8MenuItemEPKc", "MenuItem::MenuItem::text"], [35, 2, 1, "_CPPv4N8MenuItem4drawEP12MenuRenderer", "MenuItem::draw"], [35, 3, 1, "_CPPv4N8MenuItem4drawEP12MenuRenderer", "MenuItem::draw::renderer"], [35, 2, 1, "_CPPv4N8MenuItem7getTextEv", "MenuItem::getText"], [35, 2, 1, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", "MenuItem::getViewSize"], [35, 3, 1, "_CPPv4NK8MenuItem11getViewSizeEP12MenuRenderer", "MenuItem::getViewSize::renderer"], [35, 2, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process"], [35, 3, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process::command"], [35, 3, 1, "_CPPv4N8MenuItem7processEP7LcdMenuKh", "MenuItem::process::menu"], [35, 2, 1, "_CPPv4N8MenuItem7setTextEPKc", "MenuItem::setText"], [35, 3, 1, "_CPPv4N8MenuItem7setTextEPKc", "MenuItem::setText::text"], [35, 4, 1, "_CPPv4N8MenuItem4textE", "MenuItem::text"], [35, 2, 1, "_CPPv4N8MenuItemD0Ev", "MenuItem::~MenuItem"], [50, 1, 1, "_CPPv412MenuRenderer", "MenuRenderer"], [50, 2, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer"], [50, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::display"], [50, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::maxCols"], [50, 3, 1, "_CPPv4N12MenuRenderer12MenuRendererEP16DisplayInterface7uint8_t7uint8_t", "MenuRenderer::MenuRenderer::maxRows"], [50, 2, 1, "_CPPv4N12MenuRenderer5beginEv", "MenuRenderer::begin"], [50, 2, 1, "_CPPv4N12MenuRenderer12clearBlinkerEv", "MenuRenderer::clearBlinker"], [50, 4, 1, "_CPPv4N12MenuRenderer9cursorColE", "MenuRenderer::cursorCol"], [50, 4, 1, "_CPPv4N12MenuRenderer9cursorRowE", "MenuRenderer::cursorRow"], [50, 4, 1, "_CPPv4N12MenuRenderer7displayE", "MenuRenderer::display"], [50, 2, 1, "_CPPv4N12MenuRenderer4drawE7uint8_t", "MenuRenderer::draw"], [50, 3, 1, "_CPPv4N12MenuRenderer4drawE7uint8_t", "MenuRenderer::draw::byte"], [50, 2, 1, "_CPPv4N12MenuRenderer11drawBlinkerEv", "MenuRenderer::drawBlinker"], [50, 2, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKcb", "MenuRenderer::drawItem"], [50, 3, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKcb", "MenuRenderer::drawItem::paddWithBlanks"], [50, 3, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKcb", "MenuRenderer::drawItem::text"], [50, 3, 1, "_CPPv4N12MenuRenderer8drawItemEPKcPKcb", "MenuRenderer::drawItem::value"], [50, 2, 1, "_CPPv4NK12MenuRenderer12getCursorColEv", "MenuRenderer::getCursorCol"], [50, 2, 1, "_CPPv4NK12MenuRenderer12getCursorRowEv", "MenuRenderer::getCursorRow"], [50, 2, 1, "_CPPv4NK12MenuRenderer16getEffectiveColsEv", "MenuRenderer::getEffectiveCols"], [50, 2, 1, "_CPPv4NK12MenuRenderer10getMaxColsEv", "MenuRenderer::getMaxCols"], [50, 2, 1, "_CPPv4NK12MenuRenderer10getMaxRowsEv", "MenuRenderer::getMaxRows"], [50, 4, 1, "_CPPv4N12MenuRenderer8hasFocusE", "MenuRenderer::hasFocus"], [50, 4, 1, "_CPPv4N12MenuRenderer19hasHiddenItemsAboveE", "MenuRenderer::hasHiddenItemsAbove"], [50, 4, 1, "_CPPv4N12MenuRenderer19hasHiddenItemsBelowE", "MenuRenderer::hasHiddenItemsBelow"], [50, 4, 1, "_CPPv4N12MenuRenderer10inEditModeE", "MenuRenderer::inEditMode"], [50, 2, 1, "_CPPv4NK12MenuRenderer12isInEditModeEv", "MenuRenderer::isInEditMode"], [50, 4, 1, "_CPPv4N12MenuRenderer7maxColsE", "MenuRenderer::maxCols"], [50, 4, 1, "_CPPv4N12MenuRenderer7maxRowsE", "MenuRenderer::maxRows"], [50, 2, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor"], [50, 3, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor::cursorCol"], [50, 3, 1, "_CPPv4N12MenuRenderer10moveCursorE7uint8_t7uint8_t", "MenuRenderer::moveCursor::cursorRow"], [50, 2, 1, "_CPPv4N12MenuRenderer12restartTimerEv", "MenuRenderer::restartTimer"], [50, 2, 1, "_CPPv4N12MenuRenderer11setEditModeEb", "MenuRenderer::setEditMode"], [50, 3, 1, "_CPPv4N12MenuRenderer11setEditModeEb", "MenuRenderer::setEditMode::inEditMode"], [50, 4, 1, "_CPPv4N12MenuRenderer9startTimeE", "MenuRenderer::startTime"], [50, 2, 1, "_CPPv4N12MenuRenderer11updateTimerEv", "MenuRenderer::updateTimer"], [50, 4, 1, "_CPPv4N12MenuRenderer9viewShiftE", "MenuRenderer::viewShift"], [36, 1, 1, "_CPPv410MenuScreen", "MenuScreen"], [36, 2, 1, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", "MenuScreen::MenuScreen"], [36, 3, 1, "_CPPv4N10MenuScreen10MenuScreenEPP8MenuItem", "MenuScreen::MenuScreen::items"], [36, 4, 1, "_CPPv4N10MenuScreen6cursorE", "MenuScreen::cursor"], [36, 2, 1, "_CPPv4N10MenuScreen4downEP12MenuRenderer", "MenuScreen::down"], [36, 3, 1, "_CPPv4N10MenuScreen4downEP12MenuRenderer", "MenuScreen::down::renderer"], [36, 2, 1, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", "MenuScreen::draw"], [36, 3, 1, "_CPPv4N10MenuScreen4drawEP12MenuRenderer", "MenuScreen::draw::renderer"], [36, 2, 1, "_CPPv4N10MenuScreen9getCursorEv", "MenuScreen::getCursor"], [36, 2, 1, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", "MenuScreen::getItemAt"], [36, 3, 1, "_CPPv4N10MenuScreen9getItemAtE7uint8_t", "MenuScreen::getItemAt::position"], [36, 4, 1, "_CPPv4N10MenuScreen9itemCountE", "MenuScreen::itemCount"], [36, 4, 1, "_CPPv4N10MenuScreen5itemsE", "MenuScreen::items"], [36, 2, 1, "_CPPv4N10MenuScreenixEK7uint8_t", "MenuScreen::operator[]"], [36, 3, 1, "_CPPv4N10MenuScreenixEK7uint8_t", "MenuScreen::operator[]::position"], [36, 4, 1, "_CPPv4N10MenuScreen6parentE", "MenuScreen::parent"], [36, 2, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process"], [36, 3, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process::command"], [36, 3, 1, "_CPPv4N10MenuScreen7processEP7LcdMenuKh", "MenuScreen::process::menu"], [36, 2, 1, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", "MenuScreen::reset"], [36, 3, 1, "_CPPv4N10MenuScreen5resetEP12MenuRenderer", "MenuScreen::reset::renderer"], [36, 2, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor"], [36, 3, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor::position"], [36, 3, 1, "_CPPv4N10MenuScreen9setCursorEP12MenuRenderer7uint8_t", "MenuScreen::setCursor::renderer"], [36, 2, 1, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", "MenuScreen::setParent"], [36, 3, 1, "_CPPv4N10MenuScreen9setParentEP10MenuScreen", "MenuScreen::setParent::parent"], [36, 2, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators"], [36, 3, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators::index"], [36, 3, 1, "_CPPv4N10MenuScreen14syncIndicatorsE7uint8_tP12MenuRenderer", "MenuScreen::syncIndicators::renderer"], [36, 2, 1, "_CPPv4N10MenuScreen2upEP12MenuRenderer", "MenuScreen::up"], [36, 3, 1, "_CPPv4N10MenuScreen2upEP12MenuRenderer", "MenuScreen::up::renderer"], [36, 4, 1, "_CPPv4N10MenuScreen4viewE", "MenuScreen::view"], [41, 1, 1, "_CPPv419SSD1803A_I2CAdapter", "SSD1803A_I2CAdapter"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", "SSD1803A_I2CAdapter::SSD1803A_I2CAdapter"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter19SSD1803A_I2CAdapterEP12SSD1803A_I2C", "SSD1803A_I2CAdapter::SSD1803A_I2CAdapter::lcd"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter5beginEv", "SSD1803A_I2CAdapter::begin"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter5clearEv", "SSD1803A_I2CAdapter::clear"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter12clearBlinkerEv", "SSD1803A_I2CAdapter::clearBlinker"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar::c"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter10createCharE7uint8_tP7uint8_t", "SSD1803A_I2CAdapter::createChar::id"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", "SSD1803A_I2CAdapter::draw"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", "SSD1803A_I2CAdapter::draw"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawE7uint8_t", "SSD1803A_I2CAdapter::draw::byte"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter4drawEPKc", "SSD1803A_I2CAdapter::draw::text"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter11drawBlinkerEv", "SSD1803A_I2CAdapter::drawBlinker"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4hideEv", "SSD1803A_I2CAdapter::hide"], [41, 4, 1, "_CPPv4N19SSD1803A_I2CAdapter3lcdE", "SSD1803A_I2CAdapter::lcd"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", "SSD1803A_I2CAdapter::setBacklight"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter12setBacklightEb", "SSD1803A_I2CAdapter::setBacklight::enabled"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor::col"], [41, 3, 1, "_CPPv4N19SSD1803A_I2CAdapter9setCursorE7uint8_t7uint8_t", "SSD1803A_I2CAdapter::setCursor::row"], [41, 2, 1, "_CPPv4N19SSD1803A_I2CAdapter4showEv", "SSD1803A_I2CAdapter::show"], [47, 1, 1, "_CPPv419SimpleRotaryAdapter", "SimpleRotaryAdapter"], [47, 2, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter"], [47, 3, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter::encoder"], [47, 3, 1, "_CPPv4N19SimpleRotaryAdapter19SimpleRotaryAdapterEP7LcdMenuP12SimpleRotary", "SimpleRotaryAdapter::SimpleRotaryAdapter::menu"], [47, 4, 1, "_CPPv4N19SimpleRotaryAdapter7encoderE", "SimpleRotaryAdapter::encoder"], [47, 4, 1, "_CPPv4N19SimpleRotaryAdapter13lastPressTimeE", "SimpleRotaryAdapter::lastPressTime"], [47, 2, 1, "_CPPv4N19SimpleRotaryAdapter7observeEv", "SimpleRotaryAdapter::observe"], [47, 4, 1, "_CPPv4N19SimpleRotaryAdapter12pendingEnterE", "SimpleRotaryAdapter::pendingEnter"], [54, 2, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::callback"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::cursorOffset"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::format"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::textOff"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::textOn"], [54, 3, 1, "_CPPv411WIDGET_BOOLKbPKcPKcPKcK7uint8_tPFvRKbE", "WIDGET_BOOL::value"], [55, 2, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST"], [55, 5, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::T"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::activePosition"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::callback"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::cursorOffset"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::cycle"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::format"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::size"], [55, 3, 1, "_CPPv4I0E11WIDGET_LISTP15BaseWidgetValueI1TEA_K1TK7uint8_tK7uint8_tPKcK7uint8_tKbPFvRK1TE", "WIDGET_LIST::values"], [56, 2, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE"], [56, 5, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::T"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::callback"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::cursorOffset"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::cycle"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::format"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::max"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::min"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::step"], [56, 3, 1, "_CPPv4I0E12WIDGET_RANGEP15BaseWidgetValueI1TE1T1T1T1TPKc7uint8_tbPFvRK1TE", "WIDGET_RANGE::value"], [54, 1, 1, "_CPPv410WidgetBool", "WidgetBool"], [54, 2, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::callback"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::cursorOffset"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::format"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::textOff"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::textOn"], [54, 3, 1, "_CPPv4N10WidgetBool10WidgetBoolEKbPKcPKcPKcK7uint8_tPFvRKbE", "WidgetBool::WidgetBool::value"], [54, 2, 1, "_CPPv4N10WidgetBool4drawEPcK7uint8_t", "WidgetBool::draw"], [54, 3, 1, "_CPPv4N10WidgetBool4drawEPcK7uint8_t", "WidgetBool::draw::buffer"], [54, 3, 1, "_CPPv4N10WidgetBool4drawEPcK7uint8_t", "WidgetBool::draw::start"], [54, 2, 1, "_CPPv4NK10WidgetBool10getTextOffEv", "WidgetBool::getTextOff"], [54, 2, 1, "_CPPv4NK10WidgetBool9getTextOnEv", "WidgetBool::getTextOn"], [54, 2, 1, "_CPPv4N10WidgetBool7processEP7LcdMenuKh", "WidgetBool::process"], [54, 3, 1, "_CPPv4N10WidgetBool7processEP7LcdMenuKh", "WidgetBool::process::command"], [54, 3, 1, "_CPPv4N10WidgetBool7processEP7LcdMenuKh", "WidgetBool::process::menu"], [54, 4, 1, "_CPPv4N10WidgetBool7textOffE", "WidgetBool::textOff"], [54, 4, 1, "_CPPv4N10WidgetBool6textOnE", "WidgetBool::textOn"], [55, 1, 1, "_CPPv4I0E10WidgetList", "WidgetList"], [55, 5, 1, "_CPPv4I0E10WidgetList", "WidgetList::T"], [55, 2, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::activePosition"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::callback"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::cursorOffset"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::cycle"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::format"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::size"], [55, 3, 1, "_CPPv4N10WidgetList10WidgetListEA_K1TK7uint8_tK6int8_tPKcK7uint8_tKbPFvRK1TE", "WidgetList::WidgetList::values"], [55, 4, 1, "_CPPv4N10WidgetList14activePositionE", "WidgetList::activePosition"], [55, 4, 1, "_CPPv4N10WidgetList5cycleE", "WidgetList::cycle"], [55, 2, 1, "_CPPv4N10WidgetList9nextValueEv", "WidgetList::nextValue"], [55, 2, 1, "_CPPv4N10WidgetList13previousValueEv", "WidgetList::previousValue"], [55, 2, 1, "_CPPv4N10WidgetList7processEP7LcdMenuKh", "WidgetList::process"], [55, 3, 1, "_CPPv4N10WidgetList7processEP7LcdMenuKh", "WidgetList::process::command"], [55, 3, 1, "_CPPv4N10WidgetList7processEP7LcdMenuKh", "WidgetList::process::menu"], [55, 4, 1, "_CPPv4N10WidgetList4sizeE", "WidgetList::size"], [55, 2, 1, "_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper", "WidgetList::updateValue"], [55, 3, 1, "_CPPv4N10WidgetList11updateValueEPK19__FlashStringHelper", "WidgetList::updateValue::action"], [55, 4, 1, "_CPPv4N10WidgetList6valuesE", "WidgetList::values"], [56, 1, 1, "_CPPv4I0E11WidgetRange", "WidgetRange"], [56, 5, 1, "_CPPv4I0E11WidgetRange", "WidgetRange::T"], [56, 2, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::callback"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::cursorOffset"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::cycle"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::format"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::max"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::min"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::step"], [56, 3, 1, "_CPPv4N11WidgetRange11WidgetRangeERK1TK1TK1TK1TPKcK7uint8_tKbPFvRK1TE", "WidgetRange::WidgetRange::value"], [56, 4, 1, "_CPPv4N11WidgetRange5cycleE", "WidgetRange::cycle"], [56, 2, 1, "_CPPv4N11WidgetRange9decrementEv", "WidgetRange::decrement"], [56, 2, 1, "_CPPv4N11WidgetRange9incrementEv", "WidgetRange::increment"], [56, 4, 1, "_CPPv4N11WidgetRange8maxValueE", "WidgetRange::maxValue"], [56, 4, 1, "_CPPv4N11WidgetRange8minValueE", "WidgetRange::minValue"], [56, 2, 1, "_CPPv4N11WidgetRange7processEP7LcdMenuKh", "WidgetRange::process"], [56, 3, 1, "_CPPv4N11WidgetRange7processEP7LcdMenuKh", "WidgetRange::process::command"], [56, 3, 1, "_CPPv4N11WidgetRange7processEP7LcdMenuKh", "WidgetRange::process::menu"], [56, 2, 1, "_CPPv4N11WidgetRange8setValueERK1T", "WidgetRange::setValue"], [56, 3, 1, "_CPPv4N11WidgetRange8setValueERK1T", "WidgetRange::setValue::newValue"], [56, 4, 1, "_CPPv4N11WidgetRange4stepE", "WidgetRange::step"], [33, 1, 1, "_CPPv4I_Dp6size_tE14index_sequence", "index_sequence"], [33, 5, 1, "_CPPv4I_Dp6size_tE14index_sequence", "index_sequence::Is"], [33, 1, 1, "_CPPv4I_6size_t_Dp6size_tE19make_index_sequence", "make_index_sequence"], [33, 5, 1, "_CPPv4I_6size_t_Dp6size_tE19make_index_sequence", "make_index_sequence::Is"], [33, 5, 1, "_CPPv4I_6size_t_Dp6size_tE19make_index_sequence", "make_index_sequence::N"]], "make_index_sequence&lt;0, Is..": [[33, 1, 1, "_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE", "&gt;"], [33, 5, 1, "_CPPv4I_Dp6size_tE19make_index_sequenceIXL0EEDp2IsE", "&gt;::Is"], [33, 6, 1, "_CPPv4N19make_index_sequenceIXL0EEDp2IsE4typeE", "&gt;::type"]]}, "objnames": {"0": ["c", "macro", "C macro"], "1": ["cpp", "class", "C++ class"], "2": ["cpp", "function", "C++ function"], "3": ["cpp", "functionParam", "C++ function parameter"], "4": ["cpp", "member", "C++ member"], "5": ["cpp", "templateParam", "C++ template parameter"], "6": ["cpp", "type", "C++ type"], "7": ["cpp", "enum", "C++ enum"], "8": ["cpp", "enumerator", "C++ enumerator"]}, "objtypes": {"0": "c:macro", "1": "cpp:class", "2": "cpp:function", "3": "cpp:functionParam", "4": "cpp:member", "5": "cpp:templateParam", "6": "cpp:type", "7": "cpp:enum", "8": "cpp:enumerator"}, "terms": {"": [7, 11, 18, 19, 22, 26, 27, 29, 30, 32, 33, 34, 35, 36, 49, 50, 52, 54, 55, 61, 62, 67, 74, 79, 82], "0": [5, 11, 12, 13, 15, 19, 20, 21, 22, 25, 26, 29, 30, 33, 34, 36, 37, 38, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 67, 70, 71, 74, 76, 79, 82], "00": [11, 13, 20], "002": [11, 82], "003": 82, "01": [11, 20], "0123456": [69, 73], "0123456789": [10, 69, 73], "01f": 71, "02": [11, 20], "02d": [11, 20, 82], "02ddb": 13, "02f": [13, 76], "03": [11, 20], "04d": [11, 20, 82], "05db": 13, "0f": [11, 13, 71, 82], "0x00": [61, 62], "0x04": 49, "0x0e": 49, "0x1f": 49, "0x27": [5, 15, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "0x3d": [15, 77], "0x40": 46, "0x5f": [15, 46], "0x7e": [15, 46, 49], "0x7f": [15, 49], "0xa5": 15, "1": [5, 6, 7, 11, 12, 14, 19, 20, 22, 26, 27, 28, 29, 30, 32, 35, 36, 49, 52, 67, 71, 76, 79, 82], "10": [11, 20, 58, 61, 62, 82], "100": [11, 13, 71, 76, 82], "1000": [20, 47, 76, 82], "10000": [61, 62], "10000m": 75, "101": 58, "102": 58, "103": 58, "104": 58, "107": 58, "108": 58, "11": [15, 33, 61, 63, 67], "110": 58, "111": 58, "112": 58, "113": 58, "114": 58, "115": 58, "12": [11, 15, 20, 61, 63, 74, 82], "122": 58, "123": 58, "1234": 11, "123456789abcdef": [11, 82], "126": 58, "128": [46, 76], "130": 58, "135": 58, "14": [11, 82], "142": 58, "149": 58, "15": 20, "150": 58, "151": 58, "152": 58, "154": 58, "155": 58, "156": 58, "159": 58, "16": [5, 61, 62, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "164": 58, "165": 58, "167": 58, "16x2": [5, 6], "17": 11, "170": 58, "172": 58, "185": 58, "189": 58, "192": 58, "199": 58, "1d": [20, 82], "1f": [11, 25, 82], "2": [5, 11, 12, 14, 15, 19, 30, 46, 49, 52, 61, 62, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "20": [15, 20, 77], "200": 71, "2000": 76, "200m": 76, "2020": [11, 60, 82], "2021": [11, 20, 82], "2024": 60, "2025": 20, "203": 58, "2050": [11, 82], "206": 58, "20m": 52, "213": 58, "214": 58, "215": 58, "216": 58, "218": 58, "219": 58, "220": 58, "221": 58, "223": 58, "224": 58, "225": 58, "226": 58, "227": 58, "228": 58, "23": [11, 20, 82], "230": 58, "233": 58, "234": 58, "235": 58, "237": 58, "238": 58, "239": 58, "240": 58, "241": 58, "242": 58, "243": 58, "244": 58, "246": 58, "248": 58, "250": 58, "251": 58, "252": 58, "255": [19, 58], "256": 58, "257": 58, "258": 58, "259": 58, "260": 58, "262": 58, "275": 58, "2f": [25, 30], "2fma": 71, "2x20": 76, "3": [5, 12, 14, 15, 19, 46, 61, 63, 67, 70, 76, 79, 82], "300": 47, "3000": 76, "31": [11, 20, 82], "32": 74, "3d": 16, "4": [5, 11, 12, 13, 14, 15, 19, 61, 63, 67, 70, 77, 79], "458719343aabd01cfb17a3a4f7296797": 46, "48": 46, "4x10": 41, "4x16": 41, "4x20": 41, "5": [5, 12, 13, 15, 18, 20, 61, 63, 66, 74, 82], "50": [13, 79], "500": 76, "50db": 13, "5678": 11, "59": [11, 20, 82], "5f": 13, "6": [11, 66, 82], "61": 58, "6429": 46, "7": [19, 49, 66, 74], "70": 58, "71": 58, "77": 58, "78": 58, "79": 58, "8": [49, 76, 82], "80": 58, "81": 58, "82": 58, "83": 58, "86": 58, "87": 58, "9": [19, 74], "91": 58, "92": 58, "93": 58, "9600": [3, 5, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "9abc": 11, "A": [2, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 19, 20, 21, 22, 23, 24, 26, 27, 29, 30, 37, 39, 40, 41, 46, 49, 58, 60], "AND": 60, "AS": 60, "And": 70, "As": [7, 24, 46, 58], "BE": 60, "BUT": 60, "By": [52, 58], "FOR": 60, "For": [1, 2, 3, 4, 5, 9, 10, 11, 16, 52, 59, 61, 62], "IN": 60, "If": [15, 21, 22, 25, 26, 27, 28, 29, 30, 32, 35, 52, 56], "In": [3, 5, 11, 18, 19, 20, 58, 61, 63, 64], "It": [0, 5, 6, 7, 10, 11, 12, 13, 14, 15, 21, 22, 26, 27, 29, 30, 32, 34, 35, 38, 39, 40, 44, 47, 49, 50, 52, 58], "NO": 60, "NOT": 60, "No": [11, 18, 82], "OF": 60, "ON": [32, 54], "OR": 60, "THE": 60, "TO": 60, "That": [61, 62], "The": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 32, 33, 34, 35, 36, 37, 39, 40, 41, 44, 47, 49, 50, 53, 54, 55, 56, 58, 60, 61, 62, 63, 64, 75, 81, 84], "Then": [1, 3, 4, 12, 14, 34, 59], "There": [0, 7, 13, 16, 58], "These": [13, 36], "To": [1, 3, 4, 5, 15, 59], "WITH": [60, 76], "Will": 34, "With": 0, "__flashstringhelp": 55, "a0": 76, "abcdefghijklmnopqrstuvwxyz": [67, 70], "abil": [61, 64], "abl": [2, 10, 11, 61, 62], "abort": 27, "abortcharedit": 27, "about": [1, 2, 3, 4, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 58, 59], "abov": [11, 18, 19, 20, 50, 60], "abstract": [37, 38, 45, 50, 58], "accept": [7, 9, 19], "accomplish": 83, "accordingli": [2, 26, 36, 44], "account": 49, "act": 18, "action": [2, 4, 6, 7, 10, 22, 26, 27, 29, 30, 32, 34, 35, 47, 52, 55, 60], "activ": [21, 34, 55, 58, 76], "activeposit": [19, 55], "activewidget": 21, "actual": 27, "ad": [5, 58], "adapt": [39, 40, 41, 44, 47, 58, 64, 67], "add": [5, 10, 58, 61, 62, 63, 64], "addit": [37, 58], "addition": [26, 30, 32], "adjust": [2, 4, 13, 26], "after": [12, 13, 15, 26, 29, 30, 32, 34, 35, 49, 53, 56, 58], "again": 59, "aim": 58, "all": [27, 30, 43, 58, 60, 61, 62], "alloc": [49, 58], "allow": [1, 2, 3, 4, 8, 9, 10, 11, 12, 13, 19, 20, 25, 26, 28, 30, 32, 54, 55, 56, 58, 61, 64, 81], "alreadi": [2, 46], "also": [0, 7, 8, 10, 11, 13, 21, 49, 58], "altern": 58, "alwai": [15, 22, 26, 27, 29, 30, 32, 35, 36, 52, 58], "amount": [20, 58], "an": [0, 1, 2, 3, 4, 5, 7, 9, 10, 12, 13, 15, 18, 19, 26, 27, 29, 32, 33, 34, 37, 38, 39, 40, 41, 44, 45, 47, 49, 50, 52, 60, 81], "analogread": 76, "andcan": 58, "ani": [6, 8, 16, 19, 34, 38, 59, 60, 61, 62], "anoth": [7, 81], "ansi_escape_cod": 46, "anymor": 58, "api": [0, 1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 15, 58, 59], "appear": [16, 58], "append": [15, 26, 49], "approach": [12, 13], "appropri": [21, 59], "aqua": [67, 74, 79], "ar": [0, 4, 7, 13, 15, 16, 19, 20, 33, 46, 49, 50, 58, 61, 62, 63], "architectur": 58, "arduino": [0, 5, 33, 58], "arduino_arch_avr": 76, "arduino_freerto": 76, "area": [26, 35, 36], "argument": [13, 18], "aris": 60, "around": 8, "arrai": [11, 29, 36, 37, 39, 40, 41, 49], "arriv": 46, "arrow": [3, 5, 46, 49], "ascii": 46, "ask": 59, "associ": [6, 21, 33, 60], "asynchron": 46, "atroci": 16, "attempt": 21, "attribut": [21, 26, 30, 33, 35, 43, 45, 49, 50, 52, 53, 54, 55, 56, 59], "author": 60, "auto": [11, 82], "autom": 58, "automat": 11, "avail": [8, 10, 18, 33, 35, 46, 49, 50, 61, 62, 64], "availablecolumn": 49, "b": 46, "b00000": 82, "b00100": 82, "b00111": 82, "b01000": 82, "b01110": 82, "b11110": 82, "back": [1, 2, 3, 4, 7, 19, 20, 21, 23, 26, 34, 36, 46, 47, 66, 68, 69, 70, 73, 78], "back_pin": 1, "backbutton": 1, "backbuttona": 1, "backlight": [39, 40, 61, 62, 66, 67, 68, 72, 79, 80], "backspac": [2, 3, 4, 26, 46, 47, 67], "backspacebtn": 67, "backspacebtna": 67, "backward": 58, "bar": 58, "base": [8, 22, 30, 34, 37, 38, 45, 49, 50, 52, 53, 58, 59], "baseitemmanywidget": [33, 35, 43, 52], "baseitemzerowidget": [23, 24, 31, 35, 43, 58], "basewidget": [21, 53, 57], "basewidgetvalu": [33, 52, 54, 55, 56, 57], "basic": [8, 15, 50, 58, 59, 83], "becaus": [11, 33], "been": [58, 61, 63], "befor": [9, 26], "begin": [1, 3, 5, 15, 19, 20, 38, 39, 40, 41, 49, 50, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "behav": 6, "behavior": [6, 13, 52], "behaviour": [22, 26, 27, 29, 30, 32, 35], "being": [6, 21, 58], "below": [5, 50, 56], "better": 58, "between": [7, 11, 18, 20, 26, 32, 36, 46, 47, 54, 58, 61, 84], "biggest": [61, 62], "blink": [61, 63, 65, 66, 68, 69, 71, 72, 73, 75, 77, 78, 79, 80], "blinker": [21, 26, 37, 39, 40, 41, 49, 50], "blue": [67, 74, 79], "board": 58, "bodi": 7, "bool": [7, 11, 21, 22, 25, 26, 27, 28, 29, 30, 32, 34, 35, 36, 38, 39, 40, 41, 46, 47, 49, 50, 52, 53, 54, 55, 56, 66, 67, 68, 76, 79, 82], "boolean": [7, 8, 17, 18, 32, 54], "border": [26, 36], "bot": 58, "bottom": 58, "bound": [2, 29, 58], "box": 2, "bright": [13, 20], "broken": 58, "bubbl": [22, 26, 27, 29, 30, 32, 35], "buffer": [21, 46, 52, 53, 54], "buffer1": 76, "buffer2": 76, "bug_report": 58, "bugfix": 58, "bui": [11, 82], "build": 5, "built": 0, "button": [2, 3, 4, 5, 7, 44, 46, 47, 66, 67], "buttonadapt": [1, 45, 48, 58, 67, 83], "buttonwithrotaryadapt": 83, "byte": [22, 26, 27, 29, 30, 32, 35, 38, 39, 40, 41, 44, 46, 49, 50, 52, 82], "c": [11, 33, 34, 37, 39, 40, 41, 46, 58, 60, 82], "c0": 46, "c1": 46, "c2_csi": 46, "c2_csi_terminal_max": 46, "c2_csi_terminal_min": 46, "c2_dc": 46, "c2_osc": 46, "c3": 46, "calcul": [21, 49, 50], "call": [1, 2, 9, 10, 11, 12, 13, 15, 19, 20, 21, 26, 29, 30, 32, 33, 34, 35, 46, 53, 55, 56, 59, 66, 68, 69, 70, 73, 75, 78], "callback": [9, 10, 11, 12, 13, 19, 20, 24, 25, 26, 27, 28, 29, 30, 32, 33, 53, 54, 55, 56, 58, 66, 67, 69, 70, 71, 73, 78, 79, 83], "callbackfloat": 71, "callbackint": 71, "callbacktyp": 33, "can": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 16, 18, 19, 20, 22, 25, 26, 27, 28, 29, 30, 32, 35, 46, 47, 52, 58, 59, 81, 83], "cannot": [37, 45], "capabl": 17, "car": 2, "care": [1, 2, 3, 4], "carri": 11, "case": [0, 20, 56], "categori": 14, "chang": [5, 7, 13, 16, 18, 20, 21, 26, 27, 29, 30, 32, 33, 35, 53, 54, 55, 56], "chapter": 5, "char": [9, 10, 11, 15, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 38, 39, 40, 41, 46, 49, 50, 52, 53, 54, 55, 56, 58, 67, 69, 70, 73, 74, 76, 78, 79, 82], "charact": [2, 10, 11, 16, 18, 22, 26, 27, 29, 30, 32, 34, 35, 37, 39, 40, 41, 46, 49, 52, 58, 82], "characterdisplayinterfac": [15, 38, 39, 40, 41, 42, 49], "characterdisplayrender": [5, 15, 50, 51, 58, 61, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "charedit": 27, "charg": 60, "charset": [8, 27, 58, 69, 70, 73], "charsetinput": 83, "charsetposit": 27, "check": [0, 1, 3, 4, 5, 7, 9, 10, 11, 13, 50, 58, 59], "checklist": 58, "checkout": [61, 63], "choic": 15, "choos": [0, 19, 55], "ci": 58, "claim": 60, "clang": [65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81], "clariti": 58, "class": [8, 9, 15, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 43, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58, 59], "cleanup": 58, "clear": [2, 3, 26, 34, 37, 38, 39, 40, 41, 46, 49, 50, 59, 70], "clearblink": [37, 39, 40, 41, 49, 50], "clearinput": 70, "clockwis": 4, "close": [61, 63], "code": [0, 15, 46, 58, 61, 62, 63, 64], "codebas": 58, "codeset": 46, "col": [15, 38, 39, 40, 41, 49], "collect": [8, 9], "color": [12, 16, 67, 74, 79], "colors_count": [67, 74, 79], "column": [15, 35, 39, 49, 50], "com": [46, 58], "combin": 21, "come": 0, "command": [2, 8, 21, 22, 23, 26, 27, 29, 30, 32, 35, 36, 44, 46, 52, 53, 54, 55, 56, 58], "commit": [13, 21, 22, 27], "commitcharedit": 27, "commitonchang": [25, 28, 30], "common": 58, "commonli": [2, 33], "commun": 16, "compar": 58, "compat": [33, 58], "compil": [33, 58], "complet": 83, "complex": 5, "compon": [5, 17], "comprehens": 58, "comput": [3, 49], "con": [69, 71, 73, 78], "concaten": [25, 28, 30], "concept": 8, "condit": [58, 60], "configur": [7, 13, 58], "confirm": [18, 24], "connect": [1, 3, 4, 7, 60, 61, 63, 65, 66, 68, 69, 72, 73, 75, 77, 78, 79, 80], "consecut": 47, "consid": 47, "consist": [17, 58], "consolid": [61, 63], "const": [9, 11, 15, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 38, 39, 40, 41, 49, 50, 52, 53, 54, 55, 56, 67, 69, 70, 73, 74, 79, 82], "constant": [58, 61, 62], "construct": [22, 23, 24, 26, 27, 29, 30, 32, 34, 71, 74], "constructor": [36, 49, 50], "contain": [8, 19, 36, 43, 58, 83], "content": [21, 34, 49, 50], "contract": 60, "contrast": [72, 80], "contrast1": 80, "contrast2": 80, "contrast3": 80, "contrast4": 80, "contrast5": 80, "contrast6": 80, "contrast7": 80, "contribut": 58, "control": [1, 3, 4, 5, 7, 18, 20, 22, 26, 27, 29, 30, 32, 35, 37, 39, 40, 41, 46, 47, 52, 58, 62], "conveni": 18, "convert": [19, 46], "cool": 16, "copi": [58, 60], "copyright": 60, "core": 58, "could": 16, "counterclockwis": 4, "cr": 46, "creat": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 18, 19, 20, 32, 33, 37, 39, 40, 41, 49, 54, 55, 56, 58, 59, 61, 63, 64, 69, 70, 72, 73, 80], "createchar": [37, 39, 40, 41, 82], "cross": [26, 36], "crystal": [15, 61, 63], "csi": 46, "csi_buffer_s": 46, "csibuff": 46, "csibuffercursor": 46, "curr": 71, "current": [2, 7, 18, 19, 22, 26, 27, 29, 30, 32, 34, 35, 36, 46, 50, 53, 58, 61, 64], "currentvalu": 30, "cursor": [18, 19, 20, 21, 26, 27, 34, 36, 39, 40, 49, 50, 52, 54, 55, 56, 58, 61, 62], "cursor_icon": [61, 62], "cursorchar": 15, "cursorcol": [49, 50], "cursoricon": 49, "cursoroffset": [18, 19, 20, 52, 53, 54, 55, 56], "cursorrow": [49, 50], "custom": [7, 8, 9, 16, 22, 33, 37, 39, 40, 41, 49, 58, 59, 61, 62, 64, 82], "custominput": 9, "cycl": [10, 19, 20, 55, 56, 58], "d": [11, 19, 20, 28, 30, 46, 52, 74, 82], "d1": [11, 82], "d2": [11, 82], "d3": [11, 82], "d4": [11, 82], "dai": [11, 19, 82], "damag": 60, "data": [8, 11, 19], "datasheet": 15, "date": [11, 17], "db": 13, "deal": 60, "debug": [3, 58], "decim": [13, 30], "declar": [58, 66, 67, 68, 69, 70, 71, 73, 78, 79], "decod": [22, 26, 27, 29, 30, 32, 35, 52], "decoupl": 58, "decrement": [13, 20, 25, 28, 30, 55, 56], "dedic": [2, 4, 7], "default": [9, 10, 11, 13, 19, 20, 22, 32, 35, 45, 46, 47, 49, 52, 53, 54, 55, 56, 58, 75], "default_valu": 9, "defin": [5, 12, 14, 19, 25, 26, 27, 28, 29, 32, 35, 36, 38, 46, 47, 52, 58, 61, 62, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "definit": [7, 58], "dejanmeznarc": 58, "del": 46, "deleg": [22, 26, 27, 29, 30, 32, 35, 52, 58], "delet": [2, 3, 46], "demo": 74, "demonstr": [58, 81, 83], "depend": 58, "deprec": [12, 13, 58], "deriv": [22, 38, 45], "descript": 43, "design": [0, 5, 49, 61, 63], "desir": [14, 61, 62, 63], "destructor": 37, "detail": [0, 5, 43, 46, 58, 61, 62, 63, 64], "detect": [46, 47, 67], "determin": [22, 26, 27, 29, 30, 32, 34, 35, 52], "dev": 58, "develop": 58, "devic": [4, 5, 7, 16, 37, 46], "differ": [5, 11, 16, 31, 58], "digit": [1, 11, 13, 20, 58], "digitalinputadapt": 58, "digitalwrit": 7, "directli": [22, 37, 45, 58], "directori": [58, 61, 63, 83], "disabl": [4, 15, 67], "discuss": 59, "displai": [0, 5, 6, 8, 9, 10, 11, 12, 13, 14, 16, 17, 18, 19, 20, 21, 22, 25, 26, 28, 29, 30, 31, 32, 34, 35, 36, 37, 38, 39, 40, 41, 43, 49, 50, 54, 56, 58, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "display_timeout": [61, 62], "displayinterfac": [22, 26, 27, 29, 30, 32, 35, 37, 42, 50, 58], "dist": [13, 71, 79], "distanc": 13, "distribut": 60, "dm": [52, 71, 79], "do": [9, 10, 12, 13, 58, 59, 60, 69, 70, 71, 73, 78], "doc": 58, "document": [43, 60], "doe": 6, "doesn": 81, "dogm204": [15, 41, 77], "dogs104": [41, 77], "dogs164": [41, 77], "don": [2, 4, 7, 10, 15, 16], "doubl": [47, 67], "double_press_threshold": [47, 67], "down": [1, 2, 3, 4, 10, 15, 36, 46, 49, 55, 56, 66], "down_pin": 1, "downarrow": [15, 49], "downbtn": 66, "downbtna": 66, "downbutton": 1, "downbuttona": 1, "draw": [16, 21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 37, 38, 39, 40, 41, 49, 50, 52, 53, 54, 61, 62], "drawblink": [37, 39, 40, 41, 49, 50], "drawchar": 27, "drawitem": [15, 49, 50], "drawn": [21, 36, 49, 50, 52, 53, 54], "drawtext": 49, "driver": 2, "durat": 47, "dure": 24, "dynam": [49, 58], "e": [7, 13, 26, 30, 32, 35, 46, 58], "ea": 41, "each": [1, 4, 8, 9, 10, 11, 12, 21, 83], "eas": [1, 3, 4], "easi": [0, 1, 4, 5, 15], "easier": [14, 58], "easili": 58, "ecma": 46, "edit": [15, 21, 26, 27, 30, 49, 50, 58, 61, 62], "edit_cursor_icon": [61, 62], "editcursorchar": 15, "editcursoricon": 49, "effect": 35, "effici": 58, "effort": 0, "either": [20, 22, 49], "element": [22, 26, 27, 29, 30, 32, 35, 52], "elimin": 58, "email": [61, 63], "embed": 5, "en": 46, "enabl": [17, 19, 32, 34, 38, 39, 40, 41, 54, 56, 58], "encapsul": 44, "encod": [2, 3, 5, 47, 58, 67, 70, 79], "encoder_pin_a": 4, "encoder_pin_b": 4, "encoder_pin_sw": 4, "encodera": 4, "end": [18, 19, 20, 26, 52, 76], "endif": 76, "enough": [0, 15], "ensur": 58, "enter": [1, 2, 3, 4, 9, 10, 18, 21, 22, 23, 26, 27, 29, 30, 32, 35, 46, 50, 52, 54, 58, 66], "enter_pin": 1, "enterbtn": 66, "enterbtna": 66, "enterbutton": 1, "enterbuttona": 1, "entir": 81, "entri": [12, 14, 59], "enum": 46, "enumer": 46, "equal": 36, "error": 58, "esc": [3, 46], "escap": 46, "esp32": 58, "esp8266": 58, "etc": [9, 11, 15, 19, 20, 58], "euro": 82, "even": [16, 22, 26, 27, 29, 30, 32, 35, 58], "event": [7, 24, 45, 52, 58, 60], "everi": [13, 30, 58], "exampl": [2, 4, 5, 9, 11, 12, 13, 15, 16, 18, 19, 20, 52, 58, 59, 61, 62, 74, 81, 83], "exce": 56, "execut": [2, 7, 13, 22, 24, 26, 27, 29, 30, 32, 35, 52, 54, 58], "exist": [5, 8, 18, 58, 61, 63], "exit": [13, 18, 21, 50], "expand": 58, "expect": [46, 58], "explan": [61, 63], "explicit": 22, "explor": 0, "express": 60, "extend": [8, 9, 10, 22, 24, 29, 31, 37, 49, 58, 59], "extens": 5, "extern": [70, 72, 76, 80], "f": [30, 32, 69, 70, 73, 76], "fall": 56, "fals": [7, 11, 18, 19, 20, 21, 25, 26, 27, 28, 29, 30, 32, 34, 36, 47, 50, 53, 54, 55, 56, 82], "far": 33, "fast": 58, "favorit": 16, "fe": 46, "feat": 58, "featur": [15, 17, 81], "feel": [16, 59], "few": 58, "field": [2, 9, 10, 26, 58], "file": [5, 60], "final": [1, 3, 4, 21, 26, 49, 63], "find": [6, 7, 12, 13, 14, 15, 43, 59, 83], "finish": 26, "first": [8, 12, 13, 14, 21, 26, 36, 46, 52, 58, 61, 62, 63, 64], "fit": [2, 60, 81], "flag": [27, 34, 49, 50], "flexibl": [0, 58, 61, 64], "float": [8, 11, 25, 30, 35, 58, 71, 76, 82], "fnky": 46, "focu": [18, 50], "focus": [18, 19, 20], "follow": [3, 5, 6, 7, 9, 10, 12, 13, 14, 15, 18, 19, 20, 21, 59, 60, 61, 62], "font": [12, 16], "forget": 15, "form": 46, "format": [13, 18, 19, 20, 25, 28, 30, 52, 53, 54, 55, 56, 58, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81], "forntoh": [5, 58, 60], "four": 5, "fourth": 13, "fptrbool": 32, "fptrfloat": 25, "fptrint": 28, "fptrstr": [9, 26, 27], "fptruint": 29, "frame": 16, "framework": 22, "free": [16, 59, 60], "freq": [11, 82], "frequenc": 11, "frequent": 59, "fri": [11, 19, 82], "friend": [35, 36, 50, 52], "from": [0, 2, 5, 9, 11, 18, 19, 20, 23, 27, 30, 37, 39, 40, 41, 49, 50, 55, 56, 58, 59, 60], "full": [10, 58], "func": 76, "function": [1, 3, 4, 7, 8, 9, 10, 11, 12, 13, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58, 61, 62, 63, 64, 66, 68, 69, 70, 73, 75, 78], "furnish": 60, "further": 9, "g": [7, 13, 30, 46, 58], "gener": [33, 52, 58, 76], "get": [0, 26, 29, 32, 34, 35, 36, 50, 59], "getactivewidget": 21, "getcallbackint": [29, 32], "getcallbackstr": 26, "getcurrentvalu": 30, "getcursor": [34, 36], "getcursorcol": 50, "getcursorrow": 50, "getdisplayvalu": [25, 28, 30], "geteffectivecol": [49, 50], "getitem": 29, "getitemat": [34, 36], "getitemcount": 29, "getitemindex": 29, "getmaxcol": 50, "getmaxrow": [36, 50], "getrender": 34, "getscreen": [34, 76], "getsubmenu": 58, "gettext": 35, "gettextoff": [32, 54], "gettexton": [32, 54], "getvalu": [26, 29, 53], "getviews": 35, "gist": 46, "github": [46, 58, 59], "global": 58, "glyph": 11, "go": [5, 47], "good": 15, "grant": 60, "green": [67, 74, 79], "guid": [0, 5, 58, 59, 61, 62, 63, 64], "h": [1, 3, 4, 5, 15, 22, 23, 24, 25, 26, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "ha": [6, 9, 10, 11, 18, 19, 20, 22, 26, 27, 29, 30, 32, 35, 50, 52, 58], "handl": [0, 2, 5, 8, 9, 10, 12, 13, 19, 20, 21, 22, 23, 26, 27, 29, 30, 32, 35, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58], "handlechang": 53, "handlecommit": [21, 22, 23, 24, 31, 33], "handleidl": 46, "handler": 52, "handlereceiv": 46, "hardwar": 58, "hasfocu": 50, "hashiddenitemsabov": 50, "hashiddenitemsbelow": 50, "haslastchar": 46, "have": [2, 3, 6, 7, 10, 15, 16, 19, 20, 58, 61, 63], "header": [1, 3, 4], "hello": [7, 76], "help": [2, 16, 58], "helper": [5, 58], "here": [7, 15, 16, 43, 61, 62], "herebi": 60, "hidden": 50, "hide": [34, 38, 39, 40, 41, 50, 59], "hierarch": 14, "high": 7, "highlight": [2, 15], "hold": [21, 53], "holder": 60, "horizont": [49, 50], "host": 11, "hour": [11, 82], "how": [5, 6, 11, 13, 16, 18, 19, 20, 58, 59, 61, 62, 63, 64, 81, 83], "html": 58, "http": [46, 58], "i": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 18, 19, 20, 21, 22, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 44, 45, 46, 47, 49, 50, 52, 54, 56, 58, 59, 60, 61, 62, 63, 64, 75, 76, 81, 83], "i2c": [15, 41, 58, 61, 63], "icon": [49, 61, 62], "id": [5, 37, 39, 40, 41], "identifi": [37, 39, 40, 41], "idl": 46, "ie": [18, 20], "ignor": [22, 26, 27, 29, 30, 32, 35, 52], "implement": [2, 22, 33, 38, 44, 45, 46, 49, 58, 59], "impli": 60, "import": [58, 75], "includ": [0, 1, 3, 4, 5, 15, 20, 22, 23, 24, 25, 26, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "increment": [13, 20, 25, 26, 28, 30, 55, 56], "index": [12, 19, 21, 26, 29, 36, 52, 53, 54, 58], "index_sequ": 33, "indic": [36, 49, 50, 58], "ineditmod": 50, "inform": [1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 25, 26, 28, 58, 59], "inherit": [9, 23, 58], "ini": 5, "initcharedit": 27, "initi": [3, 7, 13, 15, 18, 20, 21, 26, 27, 32, 34, 35, 36, 39, 40, 44, 46, 49, 50, 54, 55, 56, 62, 63, 65, 71, 72, 74, 75, 77], "inject": 35, "inlin": [21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58], "ino": 58, "input": [0, 1, 3, 4, 5, 7, 8, 17, 25, 26, 27, 28, 34, 43, 44, 45, 46, 47, 58, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "inputcallback": [67, 69, 70, 73, 78], "inputinterfac": [44, 46, 47, 48], "inputrotari": [58, 83], "insert": 26, "instanc": [15, 18, 34, 47, 53, 55, 56, 58, 61, 62, 63, 64], "instanti": [22, 37, 45], "instead": [12, 13, 58, 61, 63], "int": [11, 13, 28, 35, 71, 79, 82], "int8_t": [27, 55], "integ": [8, 28, 32, 33, 58, 71], "integr": 58, "intend": [22, 45], "interact": [3, 5, 8, 17, 29, 39, 40, 41, 44, 45, 58], "interfac": [0, 5, 17, 37, 38, 39, 40, 41, 45, 46, 47, 50, 58], "intermedi": 46, "intern": [26, 30, 46], "interv": 47, "intfloatvalu": 83, "introduc": [46, 58], "introduct": 58, "invok": [26, 27], "invokecallback": 33, "isattheend": 58, "isatthestart": 58, "isauto": [11, 82], "isineditmod": 50, "iso": 46, "isol": 58, "ison": [32, 66, 67, 68, 76, 79], "issu": 58, "issubmenu": 58, "item": [2, 5, 15, 16, 17, 19, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 49, 50, 52, 58, 59, 61, 63, 65, 71, 74, 81], "item_back": [7, 23, 72], "item_bas": [5, 6, 14, 35, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81], "item_command": [7, 24, 70], "item_draw_buffer_s": 52, "item_float_rang": [13, 25], "item_input": [9, 26, 78], "item_input_charset": [10, 27, 67, 69, 70, 73], "item_int_rang": [13, 28], "item_list": 12, "item_string_list": 29, "item_submenu": [14, 31, 70, 72, 76, 80], "item_toggl": [7, 32, 66, 67, 68, 76, 79], "item_widget": [11, 12, 13, 33, 67, 71, 74, 79, 82], "itemback": [22, 43, 58, 83], "itemcommand": [22, 43, 70], "itemcount": [29, 36], "itemfloatrang": 43, "itemindex": [29, 58], "iteminput": [9, 27, 35, 43, 58, 69, 70, 78], "iteminputcharset": [26, 43, 67, 69, 70, 73], "itemintrang": 43, "itemlist": [35, 43, 58, 79], "itemprogress": 58, "itemrangebas": [25, 28, 35, 43], "itemsubmenu": [22, 43, 58, 70, 72, 76, 80], "itemtoggl": [35, 43, 66, 67, 68, 76, 79], "itemwidget": [21, 43, 52, 67, 71, 74, 79, 82], "iter": 21, "its": [9, 10, 12, 21, 44, 52, 58, 72, 80], "javascript": [22, 26, 27, 29, 30, 32, 35], "jump": 58, "just": 58, "kei": [3, 5, 29, 32, 58], "keyboard": [2, 5, 10, 46, 65, 68, 69, 71, 72, 73, 74, 75, 76, 77, 78, 80, 81, 82], "keyboardadapt": [3, 5, 45, 48, 58, 65, 68, 69, 71, 72, 74, 75, 76, 77, 78, 80, 81, 82, 83], "keypad": 10, "kind": 60, "km": 13, "knob": 4, "know": 8, "l": [26, 30], "label": [6, 9, 10], "lambda": 7, "last": [13, 20, 21, 46], "lastchar": 46, "lastchartimestamp": 46, "lastpresstim": 47, "late": 35, "later": 34, "layout": [16, 46, 58], "lcd": [0, 5, 6, 15, 39, 40, 41, 44, 47, 58, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "lcd_addr": 82, "lcd_col": [15, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "lcd_row": [15, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "lcdadapt": [5, 15, 61, 62, 63, 64, 66, 67, 68, 75, 76, 77, 79, 82], "lcdadat": 15, "lcdmenu": [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 59, 60, 62, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84], "leak": 58, "led": 7, "led_pin": 7, "left": [2, 3, 18, 21, 22, 26, 27, 29, 30, 32, 35, 46, 52, 81], "length": [9, 26], "let": 7, "level": [13, 14], "lf": 46, "liabil": 60, "liabl": 60, "lib_dep": 5, "librari": [0, 1, 4, 5, 33, 39, 40, 41, 43, 58, 61, 76, 83, 84], "licens": 58, "like": [2, 5, 6, 16, 17, 22, 26, 27, 29, 30, 32, 35, 52, 61, 62], "limit": [9, 19, 60], "line": 5, "link": 14, "liquid": [15, 61, 63], "liquidcryst": [15, 39, 58, 61, 62, 63], "liquidcrystal_i2c": [5, 15, 40, 58, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "liquidcrystal_i2cadapt": [5, 15, 37, 42, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 78, 79, 80, 81, 82], "liquidcrystaladapt": [15, 37, 42, 58, 61, 63], "liquidcrystali2cadapt": [58, 61, 62, 63], "list": [8, 11, 14, 17, 19, 29, 55, 58, 59, 83], "listitem": [12, 19], "ll": [61, 62, 63, 64], "log": [58, 76], "logic": [9, 36, 58, 61, 62], "long": [2, 4, 15, 19, 46, 47, 49, 50, 58, 81], "long_press_dur": 47, "longer": 58, "look": 7, "loop": [1, 3, 4, 5, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "lot": [16, 58, 61, 63], "low": 7, "lower": 58, "luckili": 2, "m": [30, 46, 76, 81], "ma": 76, "macro": [18, 58, 61, 63], "made": 58, "mai": [15, 58], "main": [34, 46, 65, 71, 72, 74, 80], "main_menu": [61, 63], "mainitem": [5, 61, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "mainli": 2, "mainmenu": [61, 62, 63], "mainscreen": [5, 61, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "maintain": [17, 58], "major": [58, 61, 63], "make": [14, 58, 61, 62, 63, 64], "make_index_sequ": 33, "manag": [5, 34, 39, 40, 47, 54, 55, 56, 58], "map": [1, 2, 3, 4, 46], "match": [61, 63], "max": [20, 25, 28, 30, 56], "maxcol": [39, 49, 50], "maximum": [13, 20, 30, 39, 47, 49, 50, 56], "maxrow": [39, 49, 50], "maxvalu": [30, 56], "md": 58, "mde": 27, "measur": [58, 76], "mechan": [45, 58], "member": [24, 27, 29, 31, 32, 34, 35, 36, 39, 40, 41, 44, 46, 47, 50, 52], "memori": [49, 58], "menu": [0, 1, 3, 4, 5, 9, 10, 11, 13, 15, 17, 19, 21, 22, 23, 24, 26, 27, 29, 30, 31, 32, 34, 35, 36, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58, 59, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "menu_screen": [5, 14, 36, 61, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "menuitem": [21, 22, 23, 24, 26, 29, 30, 31, 32, 33, 34, 36, 43, 58, 59], "menurender": [21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 49, 51, 52, 58], "menuscreen": [5, 22, 26, 27, 29, 30, 31, 32, 34, 35, 43, 50, 52, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "menutimeout": 83, "merchant": 60, "merg": 60, "messag": [7, 9], "metaprogram": 33, "method": [2, 5, 15, 22, 23, 26, 29, 30, 32, 35, 37, 39, 40, 43, 45, 49, 50, 53, 56, 58, 59], "might": 9, "migrat": [0, 12, 13, 58], "millisecond": [46, 47], "min": [20, 25, 28, 30, 56], "minim": 0, "minimum": [13, 20, 30, 56], "minu": 11, "minut": [0, 11, 82], "minvalu": [30, 56], "mit": 60, "mkr1000": 58, "mode": [18, 21, 27, 50, 58], "modifi": [58, 60], "modular": 58, "mon": [11, 19, 82], "monitor": [5, 7], "month": [11, 82], "more": [1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 52, 58, 59, 61, 64, 70], "most": [2, 52, 58], "motor": 7, "move": [2, 18, 21, 26, 34, 36, 49, 50, 58], "movecursor": [49, 50], "movement": [4, 49], "multipl": [9, 10, 12, 14, 19, 20, 46, 58, 61, 63], "must": [38, 45, 47, 58, 75], "mycustomrender": 15, "myfunct": 7, "n": [33, 46], "name": [9, 13], "navig": [1, 2, 3, 4, 5, 7, 14, 21, 23, 29, 31, 36, 47, 49, 58], "necessari": [1, 3, 4, 26, 33, 59], "need": [1, 2, 3, 4, 5, 8, 9, 12, 14, 15, 16, 22, 26, 29, 30, 32, 35, 46, 53, 56, 58, 59, 61, 62, 63, 64], "nest": 14, "new": [5, 9, 12, 13, 14, 15, 16, 22, 23, 26, 27, 29, 30, 32, 34, 36, 47, 49, 54, 55, 56, 59, 63, 65, 69, 70, 71, 72, 73, 74, 78, 80, 81], "newvalu": [53, 56], "next": [1, 4, 5, 18, 21, 27, 31, 46, 61, 63], "nextvalu": 55, "noexcept": 35, "noninfring": 60, "normal": 15, "note": 58, "notic": 60, "now": [46, 58, 61, 62, 64], "null": [15, 29, 32, 34, 35, 36, 45, 46, 49, 76], "nullptr": [11, 19, 20, 21, 33, 53, 54, 55, 56], "num": 74, "number": [0, 8, 15, 19, 29, 35, 36, 39, 49, 50, 52], "nums_count": 74, "o": [18, 30, 32], "object": [1, 2, 3, 4, 21, 22, 23, 26, 27, 29, 30, 32, 33, 34, 35, 39, 40, 41, 44, 45, 49, 52, 54], "observ": [1, 3, 4, 5, 44, 45, 46, 47, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "obtain": 60, "occupi": 49, "off": [7, 32, 54, 58, 61, 62, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81], "offset": [18, 19, 20, 54, 55, 56], "ol": [0, 16, 58], "old": [12, 13], "on_submit": 9, "one": [5, 11, 12, 16, 26, 46, 49], "ones": 47, "onli": [13, 19, 34, 58, 61, 64], "open": [0, 5, 14], "oper": [22, 26, 27, 29, 30, 32, 35, 36, 38, 46, 52], "opportun": 16, "optim": 58, "option": [11, 12, 13, 15, 19, 47, 58, 82], "orang": [67, 74, 79], "order": 18, "org": 46, "organ": 14, "other": [2, 5, 6, 7, 12, 14, 19, 22, 34, 60], "otherwis": [21, 26, 29, 30, 36, 50, 53, 54, 60], "out": [0, 2, 5, 11, 56, 58, 60], "output": 16, "over": [26, 36], "overrid": [9, 15, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 39, 40, 41, 44, 46, 47, 49, 53, 54, 55, 56], "overwritten": 47, "own": [5, 8, 9, 10, 12, 15, 16, 22, 26, 27, 29, 30, 32, 35, 52], "owner": [22, 26, 27, 29, 30, 32, 35, 52], "p": 46, "pad": [49, 50], "paddwithblank": [49, 50], "param": [39, 40, 41, 44, 45, 47], "paramet": [7, 21, 22, 23, 26, 27, 29, 30, 31, 32, 33, 34, 35, 36, 37, 39, 40, 41, 46, 49, 50, 52, 53, 54, 55, 56, 58], "parent": [14, 22, 26, 27, 29, 30, 32, 35, 36, 52, 72, 80], "part": 46, "particular": [11, 60], "pass": [1, 2, 3, 4, 7, 10, 15, 30, 52, 61, 63, 64], "password": [61, 63], "patch": 58, "paulemich": 58, "pendingent": 47, "perform": [2, 7, 21, 58, 61, 62], "permiss": 60, "permit": 60, "person": 60, "physic": [1, 2, 3], "picker": 17, "pin": [1, 7, 11, 82], "pinchar": [11, 82], "pink": [67, 74, 79], "pinmod": 76, "place": [13, 20, 30, 34, 52, 61, 63], "placehold": [6, 67], "platformio": 5, "pleas": [12, 13, 15, 58], "plu": 11, "plusminu": 82, "po": 79, "point": 46, "pointer": [7, 21, 24, 26, 29, 30, 33, 37, 39, 40, 41, 44, 45, 47, 49, 50, 53], "port": 3, "portion": 60, "porttick_period_m": 76, "posit": [21, 26, 27, 34, 36, 39, 40, 49, 50, 52, 55], "potenti": 35, "power": 5, "pr": 58, "precis": [12, 72, 80], "prefer": 4, "presenc": 49, "present": [12, 13, 19, 49], "press": [1, 4, 18, 44, 47, 67], "prevent": 58, "previou": [2, 7, 23, 27, 36, 58, 61, 63], "previousvalu": 55, "price": [17, 82], "print": [7, 11, 13, 58, 61, 62, 69, 70, 73, 82], "printabl": [22, 26, 27, 29, 30, 32, 35, 52], "printer": 16, "printf": 76, "println": [7, 11, 67, 69, 70, 71, 73, 74, 78, 79, 82], "prioriti": [22, 26, 27, 29, 30, 32, 35, 52], "privat": [24, 27, 29, 31, 32, 33, 34, 35, 36, 39, 40, 41, 44, 46, 47], "process": [2, 21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 44, 47, 52, 53, 54, 55, 56, 58, 61, 63], "processmenucommand": 58, "processor": 58, "program": 83, "progress": 58, "project": [0, 5, 15, 33, 58], "properti": [9, 10, 11, 18, 19, 20], "protect": [21, 22, 23, 24, 26, 27, 29, 30, 31, 32, 33, 35, 36, 45, 49, 50, 52, 53, 54, 55, 56], "provid": [0, 1, 2, 4, 5, 8, 13, 15, 16, 17, 18, 21, 22, 24, 25, 28, 29, 30, 31, 37, 38, 39, 40, 44, 45, 49, 50, 58, 60], "public": [9, 15, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58], "publish": 60, "pure": 38, "purpl": [67, 74, 79], "purpos": 60, "push": 67, "pvparamet": 76, "qualiti": 58, "quantiti": [11, 82], "question": 59, "quick": [0, 5], "quit": 81, "r": [30, 46], "random": [61, 63, 65, 66, 68, 69, 71, 72, 73, 75, 76, 77, 78, 79, 80], "randomse": 76, "rang": [0, 5, 8, 17, 20, 25, 26, 28, 30, 36, 56, 58], "rate": 16, "reach": [19, 20, 50, 58], "read": [5, 46], "readabl": 58, "readm": 58, "receiv": [21, 22, 26, 27, 29, 30, 32, 35, 36, 46], "red": [7, 67, 74, 79], "redraw": 21, "reduc": 58, "refactor": 58, "refer": [0, 1, 3, 4, 5, 6, 7, 9, 10, 11, 12, 13, 14, 15, 26, 27, 32, 33, 58, 59, 61, 62], "reflect": 58, "refresh": [26, 29, 30, 32, 34, 35, 53, 56, 59, 70, 76], "relai": 76, "relat": 58, "relationship": 84, "relay1st": 76, "relay2st": 76, "relay3st": 76, "relayitem": 76, "relayscreen": 76, "releas": [58, 61, 63], "remain": [61, 64], "remov": [12, 13, 26, 58], "renam": [61, 63], "render": [5, 6, 21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 43, 49, 50, 58, 59, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "replac": [5, 15, 27, 58], "report": 58, "repositori": [59, 83], "repres": [7, 18, 23, 29, 31, 34, 35, 36, 37, 39, 40, 41, 47, 49], "request": 58, "requir": [19, 20, 22, 26, 27, 29, 30, 32, 35, 39, 40, 41, 52, 58], "reserv": [49, 58], "reset": [21, 26, 34, 36, 46, 56, 58], "resid": [61, 62], "respond": 24, "respons": [2, 16, 21, 34], "restart": 50, "restarttim": 50, "restrict": [10, 60], "result": [21, 52], "retriev": [22, 26, 27, 29, 30, 32, 35, 52, 53], "return": [3, 21, 22, 25, 26, 27, 28, 29, 30, 32, 34, 35, 36, 49, 50, 52, 53, 54, 56], "review": 58, "right": [2, 3, 18, 21, 26, 46, 60, 81], "rotari": [2, 3, 5, 47, 58, 67], "rotaryinput": [67, 70, 79], "rotaryinputadapt": 58, "rotarynavconfig": 58, "rotat": [4, 47], "row": [15, 22, 26, 29, 30, 32, 35, 38, 39, 40, 41, 49, 50, 58], "rst": 58, "rto": [58, 83], "run": [58, 61, 62, 76], "runtim": 59, "same": [9, 10, 12, 36, 61, 64], "sampl": 0, "sat": [11, 19, 82], "save": [5, 7, 11, 58], "savelastchar": 46, "scenario": [2, 7, 10], "screen": [2, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 23, 31, 34, 36, 58, 59, 81], "scroll": [2, 58, 81], "scrollabl": 26, "sdd1803a": 41, "seamlessli": 58, "search": 27, "second": [13, 61, 62, 76], "section": [8, 43, 83], "see": [4, 8, 16, 26, 29, 30, 32, 35, 53, 56, 58, 81], "seed": 76, "seen": [61, 62], "select": [2, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 17, 19, 20, 23, 24, 27, 29, 30, 31, 47, 55, 56], "selectnext": 29, "selectprevi": 29, "sell": [11, 60, 82], "send": [7, 46], "senneder": 58, "sensor": 7, "sent": 44, "separ": [58, 61, 62, 63], "sequenc": [33, 46], "serial": [3, 5, 7, 11, 16, 58, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "servic": [61, 63, 65, 66, 68, 72, 75, 77, 80], "set": [2, 7, 10, 12, 13, 15, 16, 19, 21, 26, 27, 30, 32, 34, 35, 36, 39, 40, 46, 49, 50, 52, 53, 56, 58, 61, 63, 65, 70, 72, 75, 77, 80], "setactivewidget": 21, "setbacklight": [38, 39, 40, 41, 66, 67, 68, 79], "setcurrentvalu": 30, "setcursor": [34, 36, 38, 39, 40, 41], "setcursorposit": 58, "seteditmod": 50, "setison": 32, "setitemindex": 29, "setpar": 36, "setscreen": [5, 34, 61, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "setter": [58, 59], "settext": [35, 58, 59, 76], "settings2": 80, "settings2item": 80, "settings2screen": 80, "settingsitem": [61, 63, 72, 80], "settingsmenu": [61, 63], "settingsscreen": [61, 63, 72, 80], "setup": [1, 3, 5, 7, 15, 63, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "setvalu": [26, 33, 53, 56, 70], "setvaluesimpl": 33, "sever": 46, "shall": 60, "share": 16, "shift": [49, 50, 58, 81], "shishkindmitrii": 58, "short": [47, 81], "should": [19, 20, 22, 26, 34, 36, 46, 52, 56, 61, 62], "show": [14, 27, 31, 34, 38, 39, 40, 41, 50, 59, 83, 84], "shown": [36, 58], "shownextchar": 27, "showpreviouschar": 27, "sign": 11, "similar": [22, 26, 27, 29, 30, 32, 35, 52], "simpl": [0, 1, 5, 6, 7, 15], "simpleinput": [58, 83], "simplenavconfig": 58, "simplerotari": [4, 47, 67, 70, 83], "simplerotaryadapt": [4, 45, 48, 67, 70, 79], "simpli": 7, "simplifi": 58, "sinc": [12, 13, 58], "singl": [35, 36, 46, 61, 63], "sir": 18, "size": [13, 16, 19, 21, 33, 36, 55], "size_t": 33, "sizeof": [11, 19, 67, 74, 76, 79, 82], "sketch": 58, "slot": [11, 49], "smoother": 58, "snprintf": 76, "so": [33, 60, 61, 62, 63, 65, 66, 68, 69, 71, 72, 73, 75, 77, 78, 79, 80], "softwar": 60, "some": [16, 20, 46, 53, 58], "someth": [9, 10, 12, 13, 71, 78], "soon": 0, "sort": 30, "sourc": [0, 83], "space": [15, 49, 50, 58], "special": [6, 8], "specif": [2, 7, 10, 13, 19, 22, 37, 45, 52, 58, 83], "specifi": [9, 10, 13, 22, 25, 26, 28, 29, 30, 32, 35, 36, 49, 50, 52, 53, 54, 55, 56], "split": 26, "ssd1803": 58, "ssd1803a": 15, "ssd1803a_i2c": [15, 41, 83], "ssd1803a_i2cadapt": [15, 37, 42, 77], "stabil": 58, "stale": 58, "standard": [33, 58], "start": [0, 11, 46, 49, 50, 52, 53, 54, 58, 59, 61, 63, 65, 66, 68, 72, 75, 77, 80, 82], "startingvalu": [25, 28, 30], "starttim": 50, "state": [2, 7, 18, 26, 30, 32, 34, 36, 44, 46, 54], "statement": 58, "static": [6, 67, 74, 76, 79], "static_cast": 70, "std": 33, "step": [5, 11, 13, 20, 21, 25, 28, 30, 56, 59], "stm32": 58, "stop": [27, 59], "store": [9, 36, 46], "stream": 46, "streamlin": 58, "string": [9, 10, 12, 13, 18, 19, 20, 26, 29, 30, 35, 46, 56, 58], "strlen": [11, 82], "struct": 33, "structur": [2, 5, 6, 8, 14, 50], "stuck": 58, "stuff": [69, 70, 73], "sub": [8, 76], "sub_menu": [61, 63], "subclass": [15, 21, 22, 26, 35, 37, 38, 45, 50, 52, 53], "subject": 60, "sublicens": 60, "submenu": [31, 58, 61, 63, 72, 83], "submenuitem": 14, "submenuscreen": 14, "submiss": [9, 10], "submit": [9, 10, 26, 27], "substanti": 60, "success": [22, 26, 27, 29, 30, 32, 35, 52], "successfulli": [21, 22, 26, 27, 29, 30, 32, 34, 35, 52], "suggest": 59, "suit": 16, "sun": [11, 19, 82], "support": [0, 13, 15, 29, 49, 58], "swap": 58, "switch": 18, "sync": 36, "syncind": 36, "syntax": [6, 7, 9, 10, 12, 13, 14, 58], "system": [0, 1, 3, 4, 5, 8, 14, 23, 24, 34, 45, 46, 58, 61, 63], "t": [2, 4, 7, 10, 15, 16, 21, 26, 30, 32, 33, 35, 52, 53, 55, 56, 58, 81], "tag": 58, "take": [1, 2, 3, 4, 7, 18, 20, 49], "task": [11, 83], "temp": 76, "temperatur": [20, 58, 76], "temperature1": 76, "temperature2": 76, "temperature3": 76, "tempitem": 76, "templat": [30, 33, 53, 55, 56, 58], "tempmea": 76, "tempscreen": 76, "termin": 46, "test": [3, 58, 76], "text": [6, 7, 11, 15, 18, 19, 21, 22, 23, 24, 25, 26, 27, 28, 30, 31, 32, 33, 35, 38, 39, 40, 41, 49, 50, 52, 54, 58, 59], "textoff": [18, 32, 54], "texton": [18, 32, 54], "tft": 16, "than": 6, "thei": [2, 16, 17, 52, 61, 63], "them": [5, 12, 15, 21, 58], "thi": [3, 4, 5, 6, 7, 9, 11, 12, 13, 14, 19, 21, 22, 23, 24, 26, 27, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 43, 44, 45, 47, 49, 50, 52, 53, 56, 58, 59, 60, 61, 62, 63, 64, 75, 81, 83], "thijstriemstra": 58, "thing": 8, "third": 13, "thoma": 60, "three": 76, "threshold": [46, 47], "through": [1, 2, 3, 4, 5, 10, 14, 21, 29, 47, 55, 58, 81], "thu": [11, 19, 22, 26, 27, 29, 30, 32, 35, 52, 82], "ti": 58, "time": [4, 17, 30, 33, 46, 47], "timeout": [46, 50, 58, 61, 62, 75], "timer": [39, 40, 50], "timestamp": 46, "todai": 58, "toggl": [8, 11, 17, 18, 32, 54, 76], "togglebacklight": [66, 67, 68, 79], "togglerelay1": 76, "togglerelay2": 76, "togglerelay3": 76, "toler": [11, 82], "too": [2, 49, 81], "top": 58, "tort": 60, "total": 29, "touchscreen": 16, "trade": 11, "translat": [1, 2, 3, 4], "trigger": [7, 24, 44, 54, 55, 56], "true": [11, 18, 19, 21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 50, 52, 53, 54, 56, 74, 79, 82], "truncat": [15, 49], "tskidle_prior": 76, "tue": [11, 19, 82], "turn": [7, 58, 61, 62], "twice": 4, "two": [7, 13, 47], "type": [8, 11, 12, 13, 17, 19, 26, 33, 46, 53, 55, 56, 58], "typechar": 26, "typenam": [30, 33, 53, 55, 56], "typo": 58, "u": [26, 30], "uint16_t": 58, "uint8_t": [12, 15, 19, 21, 26, 29, 34, 35, 36, 37, 38, 39, 40, 41, 46, 49, 50, 52, 53, 54, 55, 56, 58, 67, 74, 79], "understand": 2, "unit": [13, 25, 28, 30, 58], "unset": 27, "unsign": [21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 46, 47, 50, 52, 53, 54, 55, 56], "unus": 58, "up": [1, 2, 3, 4, 10, 15, 19, 36, 46, 49, 52, 55, 56, 58, 66], "up_pin": 1, "uparrow": [15, 49], "upbtn": 66, "upbtna": 66, "upbutton": 1, "upbuttona": 1, "updat": [2, 21, 26, 34, 49, 50, 59, 61, 62], "updatetim": [50, 75, 76], "updatevalu": 55, "upgrad": 0, "upload": 5, "upper": 58, "us": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 16, 18, 19, 20, 21, 22, 26, 27, 29, 30, 32, 33, 34, 35, 36, 39, 40, 41, 44, 46, 49, 50, 52, 58, 60, 61, 62, 63, 83], "usag": [8, 58], "user": [0, 2, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 17, 19, 20, 24, 25, 26, 28, 30, 32, 34, 47, 52, 54, 55, 56, 58, 67, 70, 81], "useritem": 70, "usernam": [61, 63], "userscreen": 70, "util": [58, 76], "v": [26, 30, 76], "valid": 9, "valu": [2, 4, 7, 9, 10, 13, 15, 18, 19, 20, 22, 25, 26, 27, 28, 29, 30, 32, 33, 35, 46, 47, 49, 50, 52, 53, 54, 55, 56, 58, 67, 69, 70, 71, 73, 76, 78], "variabl": [9, 21, 52, 58], "variant": 7, "variou": [5, 7, 8, 17, 47, 58], "veri": [22, 26, 27, 29, 30, 32, 35, 81], "version": [12, 13, 58, 61, 62, 63, 64], "view": [26, 34, 36, 50, 58, 81], "viewshift": [49, 50, 83], "viewsiz": [26, 35], "virtual": [21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 35, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 52, 53, 54, 55, 56], "visibl": [26, 34, 35, 36, 58], "vision": 41, "void": [1, 3, 4, 5, 7, 9, 15, 21, 22, 23, 24, 26, 27, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 44, 45, 46, 47, 49, 50, 53, 54, 55, 56, 61, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82], "volum": [13, 20], "vscode": 5, "vtaskdelai": 76, "wa": [11, 21, 22, 26, 27, 29, 30, 32, 34, 35, 36, 52, 53, 54, 58, 61, 63, 64], "wai": [1, 4, 7, 13, 18, 22, 58], "wait": 76, "want": [1, 2, 4, 10, 15, 16, 19, 20, 34, 52], "warn": 58, "warranti": 60, "we": 5, "web": 16, "wed": [11, 19, 82], "week": [11, 19], "well": 49, "were": [58, 61, 63], "when": [2, 7, 9, 10, 11, 12, 13, 14, 15, 16, 18, 19, 20, 21, 23, 24, 26, 27, 29, 30, 31, 32, 33, 34, 35, 36, 44, 46, 54, 55, 56, 58], "where": [5, 10, 52, 53, 54], "whether": [15, 19, 20, 34, 49, 50, 55, 56, 60], "which": [7, 9, 20, 24, 33, 49, 58], "while": [12, 17, 21, 58], "whole": 34, "whom": 60, "wide": [0, 5], "widget": [8, 12, 13, 19, 20, 21, 33, 43, 52, 53, 54, 55, 56, 58, 67, 71, 74, 79, 83], "widget_bool": [11, 18, 54, 82], "widget_float_rang": 13, "widget_int_rang": 13, "widget_list": [11, 12, 19, 55, 67, 74, 79, 82], "widget_rang": [11, 20, 56, 71, 79, 82], "widgetbool": [11, 17, 57, 82], "widgetcharset": 58, "widgetitem": [19, 20], "widgetlist": [11, 12, 13, 17, 53, 57, 58, 67, 74, 79, 82], "widgetptr": 33, "widgetrang": [11, 17, 53, 57, 71, 79, 82], "wifi": [61, 63, 65, 66, 68, 69, 72, 73, 75, 77, 78, 79, 80], "wiki": 46, "wikipedia": 46, "wire1": 77, "within": [13, 14, 20, 25, 26, 28, 52, 55, 56], "without": [2, 3, 46, 58, 60], "work": [5, 49, 58, 75, 81], "workflow": 58, "world": [7, 76], "worri": 2, "would": [16, 52], "wrap": [1, 4], "write": 58, "written": 52, "x": [26, 30, 32, 35, 36], "xtaskcreat": 76, "ye": [11, 18, 82], "year": [11, 82], "yellow": [67, 74, 79], "yml": 58, "you": [0, 1, 3, 4, 5, 7, 8, 9, 10, 12, 13, 14, 15, 16, 19, 20, 26, 29, 30, 32, 34, 35, 43, 53, 56, 58, 59, 61, 62, 63, 64, 75, 83], "your": [0, 3, 5, 7, 8, 15, 16, 34, 58, 61, 62, 63, 64, 69, 70, 73], "yourself": [2, 58], "zero": [8, 34]}, "titles": ["Welcome to the LcdMenu Docs!", "Button Adapter", "Controlling the menu", "Keyboard Adapter", "Rotary Encoder Adapter", "Getting started", "Basic menu item", "Command menu item", "Item overview", "Input item", "Charset input item", "Item Widget", "List menu item", "Range item", "Sub-menu item", "Character display renderer", "Rendering the menu", "Widget overview", "WidgetBool", "WidgetList", "WidgetRange", "BaseItemManyWidgets", "BaseItemZeroWidget", "ItemBack", "ItemCommand", "ItemFloatRange", "ItemInput", "ItemInputCharset", "ItemIntRange", "ItemList", "ItemRangeBase", "ItemSubMenu", "ItemToggle", "ItemWidget", "LcdMenu", "MenuItem", "MenuScreen", "CharacterDisplayInterface", "DisplayInterface", "LiquidCrystalAdapter", "LiquidCrystal_I2CAdapter", "SSD1803A_I2CAdapter", "display", "API reference", "ButtonAdapter", "InputInterface", "KeyboardAdapter", "SimpleRotaryAdapter", "input", "CharacterDisplayRenderer", "MenuRenderer", "renderer", "BaseWidget", "BaseWidgetValue", "WidgetBool", "WidgetList", "WidgetRange", "widget", "Changelog", "FAQ", "License", "Migration", "Migration from v3.x to v4.x", "Migration from v4.x.x to v5.0.0", "Migration from v5.0.0 to v5.1.x", "Basic", "ButtonAdapter", "ButtonWithRotaryAdapter", "Callbacks", "CharsetInput", "InputRotary", "IntFloatValues", "ItemBack", "KeyboardAdapter", "List", "MenuTimeout", "RTOS", "SSD1803A_I2C", "SimpleInput", "SimpleRotary", "SubMenu", "ViewShifting", "Widgets", "Code samples", "Class diagram"], "titleterms": {"": 58, "0": [58, 61, 63, 64], "1": [58, 61, 64], "2": 58, "3": 58, "4": 58, "5": 58, "6": 58, "The": [11, 16, 17], "ad": [11, 17], "adapt": [1, 2, 3, 4, 61, 62, 63], "an": [11, 17], "api": 43, "ar": [2, 8, 11, 17], "arrow": 15, "baseitemmanywidget": 21, "baseitemzerowidget": 22, "basewidget": 52, "basewidgetvalu": 53, "basic": [6, 7, 65], "both": 15, "break": 58, "bug": 58, "built": [2, 8, 16], "button": 1, "buttonadapt": [44, 66], "buttonwithrotaryadapt": 67, "callback": 68, "can": [2, 11, 17], "chang": [58, 61, 62, 63, 64], "changelog": 58, "charact": 15, "characterdisplayinterfac": 37, "characterdisplayrender": 49, "charset": 10, "charsetinput": 69, "chore": 58, "class": 84, "code": 83, "come": 16, "command": 7, "construct": [61, 62, 63, 64], "control": [2, 61, 63], "creation": [61, 63], "cursor": 15, "custom": 15, "date": 20, "diagram": 84, "displai": [15, 42, 61, 62, 63], "displayinterfac": 38, "doc": 0, "document": 58, "encod": 4, "enhanc": 58, "exampl": 7, "faq": 59, "featur": 58, "final": [61, 62], "fix": 58, "float": 13, "follow": [11, 16, 17], "from": [61, 62, 63, 64], "get": 5, "here": [2, 8], "hide": 15, "how": 15, "import": [61, 62, 63, 64], "improv": 58, "initi": [61, 64], "initialis": [61, 62, 63], "input": [2, 9, 10, 48], "inputinterfac": 45, "inputrotari": 70, "instal": 5, "integ": 13, "interact": [2, 18], "interfac": [61, 62, 63, 64], "intfloatvalu": 71, "item": [6, 7, 8, 9, 10, 11, 12, 13, 14], "itemback": [23, 72], "itemcommand": 24, "itemfloatrang": 25, "iteminput": 26, "iteminputcharset": 27, "itemintrang": 28, "itemlist": 29, "itemrangebas": 30, "itemsubmenu": 31, "itemtoggl": 32, "itemwidget": [11, 17, 33], "keyboard": 3, "keyboardadapt": [46, 73], "lcdmenu": [0, 34, 58, 61, 64], "librari": 16, "licens": 60, "liquidcrystal_i2cadapt": 40, "liquidcrystaladapt": 39, "list": [12, 74], "menu": [2, 6, 7, 8, 12, 14, 16, 61, 62, 63], "menuitem": 35, "menurender": 50, "menuscreen": 36, "menutimeout": 75, "migrat": [61, 62, 63, 64], "new": [58, 61, 62], "onli": 15, "other": [61, 62], "overview": [8, 17], "picker": 20, "price": 20, "rang": 13, "refer": 43, "render": [15, 16, 51, 61, 64], "rotari": 4, "rto": 76, "sampl": 83, "setup": [61, 64], "simpleinput": 78, "simplerotari": 79, "simplerotaryadapt": 47, "some": [2, 8, 11, 17], "ssd1803a_i2c": 77, "ssd1803a_i2cadapt": 41, "start": 5, "sub": 14, "submenu": 80, "system": 2, "time": 20, "toggl": 7, "updat": 58, "us": [2, 15], "usag": 5, "v3": [61, 62], "v4": [58, 61, 62, 63], "v5": [58, 61, 63, 64], "viewshift": 81, "welcom": 0, "what": 58, "widget": [11, 17, 18, 57, 82], "widgetbool": [18, 54], "widgetlist": [19, 55], "widgetrang": [20, 56], "x": [61, 62, 63, 64], "you": 2}})
\ No newline at end of file