From 1a67e0758d386bbc2195c9948a4856706449691d Mon Sep 17 00:00:00 2001
From: Gene <genemars@users.noreply.github.com>
Date: Thu, 1 Jun 2023 17:39:34 +0200
Subject: [PATCH] Updated docs.

---
 docs/feed/rss.xml                             | 80 +++++++++----------
 .../documentation/getting_started/index.html  |  2 +-
 docs/search-index.json                        |  2 +-
 docs/search-list.json                         |  2 +-
 docs/service-worker.js                        |  2 +-
 docs/service-worker.js.map                    |  2 +-
 docs/sitemap.xml                              |  8 +-
 .../documentation/getting_started/index.md    |  7 +-
 8 files changed, 52 insertions(+), 53 deletions(-)

diff --git a/docs/feed/rss.xml b/docs/feed/rss.xml
index bfd3973..3adc3f4 100644
--- a/docs/feed/rss.xml
+++ b/docs/feed/rss.xml
@@ -7,8 +7,8 @@
     <description></description>
     <language>en</language>
     <copyright></copyright>
-    <lastBuildDate>Thu, 01 Jun 2023 17:16:11 +0200</lastBuildDate>
-    <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+    <lastBuildDate>Thu, 01 Jun 2023 17:38:33 +0200</lastBuildDate>
+    <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
     <image>
         <title>zuix.js</title>
         <url>https://zuixjs.org/images/icons/icon-152x152.png</url>
@@ -19,7 +19,7 @@
         <link>https://zuixjs.org/pages/documentation/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/</guid>
         <description>Documentation section</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -28,7 +28,7 @@
         <link>https://zuixjs.org/pages/documentation/api/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/</guid>
         <description>API classes documentation, Zuix, ComponentContext, ContextController, ZxQuery.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -37,7 +37,7 @@
         <link>https://zuixjs.org/pages/documentation/active_refresh/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/active_refresh/</guid>
         <description>About scoped scripts, dependencies, refresh-handlers, built-in @ handlers, custom handlers.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/active_refresh/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -46,7 +46,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/Utils_dom/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/Utils_dom/</guid>
         <description>zUIx.js API documentation, Namespace: dom</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/Utils_dom/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -55,7 +55,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/Logger/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/Logger/</guid>
         <description>zUIx.js API documentation, Class: Logger</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/Logger/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -64,7 +64,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/TaskQueue/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/TaskQueue/</guid>
         <description>zUIx.js API documentation, Class: TaskQueue</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/TaskQueue/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -73,7 +73,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/Utils.dom/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/Utils.dom/</guid>
         <description>zUIx.js API documentation, Namespace: dom</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/Utils.dom/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -82,7 +82,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/Utils/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/Utils/</guid>
         <description>zUIx.js API documentation, Namespace: Utils</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/Utils/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -91,7 +91,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/ZxQuery/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/ZxQuery/</guid>
         <description>zUIx.js API documentation, Class: ZxQuery</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/ZxQuery/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -100,7 +100,7 @@
         <link>https://zuixjs.org/pages/documentation/api/helpers/ZxQueryStatic/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/helpers/ZxQueryStatic/</guid>
         <description>zUIx.js API documentation, Class: ZxQueryStatic</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/helpers/ZxQueryStatic/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -109,7 +109,7 @@
         <link>https://zuixjs.org/pages/documentation/api/localizer/Localizer/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/localizer/Localizer/</guid>
         <description>zUIx.js API documentation, Class: Localizer</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/localizer/Localizer/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -118,7 +118,7 @@
         <link>https://zuixjs.org/pages/documentation/api/observable/ObjectObserver/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/observable/ObjectObserver/</guid>
         <description>zUIx.js API documentation, Class: ObjectObserver</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/observable/ObjectObserver/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -127,7 +127,7 @@
         <link>https://zuixjs.org/pages/documentation/api/observable/ObservableListener/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/observable/ObservableListener/</guid>
         <description>zUIx.js API documentation, Class: ObservableListener</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/observable/ObservableListener/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -136,7 +136,7 @@
         <link>https://zuixjs.org/pages/documentation/api/observable/ObservableObject/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/observable/ObservableObject/</guid>
         <description>zUIx.js API documentation, Class: ObservableObject</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/observable/ObservableObject/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -145,7 +145,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/ActiveRefresh/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/ActiveRefresh/</guid>
         <description>zUIx.js API documentation, Class: ActiveRefresh</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/ActiveRefresh/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -154,7 +154,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/Componentizer/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/Componentizer/</guid>
         <description>zUIx.js API documentation, Class: Componentizer</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/Componentizer/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -163,7 +163,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/ViewObserver/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/ViewObserver/</guid>
         <description>zUIx.js API documentation, Class: ViewObserver</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/ViewObserver/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -172,7 +172,7 @@
         <link>https://zuixjs.org/pages/documentation/controller/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/controller/</guid>
         <description>Controller implementation types, lifecycle, options, events.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/controller/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -181,25 +181,16 @@
         <link>https://zuixjs.org/search/</link>
         <guid isPermaLink="true">https://zuixjs.org/search/</guid>
         <description>Search this website</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/search/" rel="self" />
         <dc:creator></dc:creator>
     </item>
-    <item>
-        <title>Getting started</title>
-        <link>https://zuixjs.org/pages/documentation/getting_started/</link>
-        <guid isPermaLink="true">https://zuixjs.org/pages/documentation/getting_started/</guid>
-        <description>Creating a new project using *zuix.js* CLI tool and bare library usage.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
-        <atom:link href="https://zuixjs.org/pages/documentation/getting_started/" rel="self" />
-        <dc:creator></dc:creator>
-    </item>
     <item>
         <title>Playground</title>
         <link>https://zuixjs.org/playground/</link>
         <guid isPermaLink="true">https://zuixjs.org/playground/</guid>
         <description>Client-side embeddable components editor.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/playground/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -208,7 +199,7 @@
         <link>https://zuixjs.org/pages/documentation/cli/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/cli/</guid>
         <description>Command Line Interface, creating a new projects, pages, templates and components.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/cli/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -217,7 +208,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/ComponentContext/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/ComponentContext/</guid>
         <description>zUIx.js API documentation, Class: ComponentContext</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/ComponentContext/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -226,7 +217,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/ContextController/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/ContextController/</guid>
         <description>zUIx.js API documentation, Class: ContextController</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/ContextController/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -235,7 +226,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/ControllerInstance/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/ControllerInstance/</guid>
         <description>zUIx.js API documentation, Class: ControllerInstance</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/ControllerInstance/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -244,7 +235,7 @@
         <link>https://zuixjs.org/pages/documentation/api/zuix/Zuix/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/api/zuix/Zuix/</guid>
         <description>zUIx.js API documentation, Class: Zuix</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/api/zuix/Zuix/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -253,7 +244,7 @@
         <link>https://zuixjs.org/pages/documentation/about/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/about/</guid>
         <description>zuix.js is a lightweight library for creating component based websites and applications by using standard HTML, CSS and JavaScript.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/about/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -262,7 +253,7 @@
         <link>https://zuixjs.org/pages/documentation/component/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/component/</guid>
         <description>Components, custom elements, shadow DOM, standalone components, the &lt;em&gt;default&lt;/em&gt; component.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/component/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -271,7 +262,7 @@
         <link>https://zuixjs.org/pages/documentation/view/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/view/</guid>
         <description>View, Data binding, binding adapters, accessibility, behaviors, events.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/view/" rel="self" />
         <dc:creator></dc:creator>
     </item>
@@ -280,9 +271,18 @@
         <link>https://zuixjs.org/pages/documentation/context_options/</link>
         <guid isPermaLink="true">https://zuixjs.org/pages/documentation/context_options/</guid>
         <description>Component&#39;s loading options, event handlers, styles, priority, theming.</description>
-        <pubDate>Thu, 01 Jun 2023 17:16:11 +0200</pubDate>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
         <atom:link href="https://zuixjs.org/pages/documentation/context_options/" rel="self" />
         <dc:creator></dc:creator>
     </item>
+    <item>
+        <title>Getting started</title>
+        <link>https://zuixjs.org/pages/documentation/getting_started/</link>
+        <guid isPermaLink="true">https://zuixjs.org/pages/documentation/getting_started/</guid>
+        <description>Creating a new project using *zuix.js* CLI tool and bare library usage.</description>
+        <pubDate>Thu, 01 Jun 2023 17:38:33 +0200</pubDate>
+        <atom:link href="https://zuixjs.org/pages/documentation/getting_started/" rel="self" />
+        <dc:creator></dc:creator>
+    </item>
 </channel>
 </rss>
diff --git a/docs/pages/documentation/getting_started/index.html b/docs/pages/documentation/getting_started/index.html
index 69c47f6..bad7de7 100644
--- a/docs/pages/documentation/getting_started/index.html
+++ b/docs/pages/documentation/getting_started/index.html
@@ -480,7 +480,7 @@
 }
 [z-context="menu-drawer"]:focus {
     outline: none;
-}</style><!-- zUIx.js inline resources bundle --><script src="index.bundle.js"></script></head><!-- scroll helper is used to show/hide the header when scrolling --><body ctrl="" z-load="@lib/controllers/header-auto-hide" :header="'header'" z-lazy="scroll" data-theme="" layout="column stretch-stretch"><nav #header="" layout="row center-start"><div self="stretch" layout="row center-start"><button onclick="menuDrawer.open()" class="header-menu-button mdl-button mdl-button--icon"><i class="material-icons">menu_open</i></button><h1 self="size-x1" class="title">Getting started</h1></div></nav><main layout="column top-center"><h1 #alt_header="" class="title">Getting started</h1><div self="size-x1" class="content"><p>See <strong>zuix.js</strong> in action using the online playground, where is possible to create and download ready to use components directly in the browser!</p><a layout="row center-start" class="mdl-color-text--accent" href="/playground/#/app/widgets/analog-clock"><i class="material-icons rotate">sports_soccer</i> <span style="font-size: 160%; margin-left: 6px">Playground</span></a><h2>Bare library usage on an existing site</h2><p><em>zuix.js</em> can also be used on an existing website project by including the library directly in the HTML page or a JavaScript module:<h3>JsDeliver</h3><pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/zuix-dist@1.1.28<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code></pre><p>or as a module:<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/zuix-dist@1.1.28/js/zuix.module.min.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code></pre><p>or as a dependency of another module:<pre class="language-js"><code class="language-js"><span class="token comment">// file: my-class.module.js</span>
+}</style><!-- zUIx.js inline resources bundle --><script src="index.bundle.js"></script></head><!-- scroll helper is used to show/hide the header when scrolling --><body ctrl="" z-load="@lib/controllers/header-auto-hide" :header="'header'" z-lazy="scroll" data-theme="" layout="column stretch-stretch"><nav #header="" layout="row center-start"><div self="stretch" layout="row center-start"><button onclick="menuDrawer.open()" class="header-menu-button mdl-button mdl-button--icon"><i class="material-icons">menu_open</i></button><h1 self="size-x1" class="title">Getting started</h1></div></nav><main layout="column top-center"><h1 #alt_header="" class="title">Getting started</h1><div self="size-x1" class="content"><p>See <strong>zuix.js</strong> in action using the online playground, where is possible to create and download ready to use components directly in the browser!</p><a layout="row center-start" class="mdl-color-text--accent" href="/playground/#/app/widgets/analog-clock"><i class="material-icons rotate">sports_soccer</i> <span style="font-size: 160%; margin-left: 6px">Playground</span></a><h2>Bare library usage on an existing site</h2><p>As a regular script:<h3>JsDeliver</h3><pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/zuix-dist@1.1.28<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code></pre><p>As a module:<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>module<span class="token punctuation">"</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://cdn.jsdelivr.net/npm/zuix-dist@1.1.28/js/zuix.module.min.js<span class="token punctuation">"</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code></pre><p>As a dependency of another module:<pre class="language-js"><code class="language-js"><span class="token comment">// file: my-class.module.js</span>
 <span class="token keyword">import</span> <span class="token string">'https://cdn.jsdelivr.net/npm/zuix-dist@1.1.28/js/zuix.module.min.js'</span><span class="token punctuation">;</span> </code></pre><h3>NPM</h3><pre class="language-bash"><code class="language-bash"><span class="token function">npm</span> <span class="token function">install</span> zuix-dist</code></pre><p>then copy the library from <code>node_modules/zuix-dist/js</code> to your project's <code>js</code> folder and include it in your HTML page or JavaScript module.<h2>Creating a new web project using the CLI</h2><p>The <code>zuix-cli</code> tool can be used to create a new web project, the only prerequisite is that <a href="https://nodejs.org/en/download/package-manager">node.js</a> must be installed first.<pre class="language-bash"><code class="language-bash"><span class="token comment"># Create a new website project named 'my-new-webapp'</span>
 npx zuix new my-new-webapp</code></pre><p>A new folder named <em>my-new-webapp</em> will be created containing all files required to run the starter project.<p>From the new folder we can now start the local server that will watch, build and serve the web application files (by default at <em>http://localhost:8080</em>).<pre class="language-bash"><code class="language-bash"><span class="token builtin class-name">cd</span> my-new-webapp
 npx zuix start</code></pre><p>Read more about all other <code>zuix</code> command functionality from <a href="../cli/"><code>zuix-cli</code></a> documentation page.<p>You can also try the web-starter template live on <a href="https://stackblitz.com/github/zuixjs/zuix-web-starter?terminal=start">StackBlitz</a>.<div layout="rows center-spread" style="margin-top: 112px; gap:12px; margin-bottom: 32px; padding-left: 8px; padding-right: 8px; font-size: 140%"><a href="/pages/documentation/about/" style="text-align: center"><label layout="row center-center"><i class="material-icons">arrow_left</i>&nbsp; <span style="padding-right: 24px">Previous</span></label><div class="mdl-color-text--pink">About zuix.js</div></a><a href="/pages/documentation/component/" style="text-align: center"><label layout="row center-center"><span style="padding-left: 24px">Next</span> <i class="material-icons">arrow_right</i>&nbsp;</label><div class="mdl-color-text--pink">Component</div></a></div></div></main><!-- Navigation Drawer --><div ctrl="" z-load="@lib/controllers/drawer-layout" z-context="menu-drawer" z-lazy="false" z-options="drawer_opts" class="drawer-layout no-select visible-on-ready" layout="column top-stretch"><!-- Navigation Drawer content --><!-- Header --><div class="drawer-header" layout="column justify-stretch"><div self="stretch" layout="row center-justify"><a href="/" title="Home"><img class="logo animate__animated animate__swing animate__fast" src="/images/icons/icon-192x192.png" alt="Logo" title="zuix.js"></a><div class="text-logo">zuix.js <small>v1.1.28</small><script>self.zuixVersion="1.1.28"</script></div><a href="https://github.com/zuixjs" style="margin: 8px 8px 4px 10px;opacity: 0.75"><img src="/images/github-mark-light.png" alt="GitHub logo" title="zuix.js on GitHub" width="32" height="32"></a></div><div style="padding-left: 6px;padding-right: 6px;">JavaScript library for component-based websites and applications.</div></div><!-- Menu items and other content --><div class="drawer-content" self="size-x1"><!--
diff --git a/docs/search-index.json b/docs/search-index.json
index f4df0f4..2abfc8a 100644
--- a/docs/search-index.json
+++ b/docs/search-index.json
@@ -1,2 +1,2 @@
 
-{"keys":[{"path":["title"],"id":"title","weight":1,"src":"title","getFn":null},{"path":["description"],"id":"description","weight":1,"src":"description","getFn":null},{"path":["content"],"id":"content","weight":1,"src":"content","getFn":null}],"records":[{"i":0,"$":{"0":{"v":"API","n":1},"1":{"v":"API classes documentation, Zuix, ComponentContext, ContextController, ZxQuery.","n":0.378},"2":{"v":"## [Zuix](zuix/Zuix) class This is the main library class accessible through the global object `zuix`. ## [ComponentContext](zuix/ComponentContext) class The context of a component manages and holds a reference to all the resources related to the component instance itself. ## [ContextController](zuix/ContextController) class This is the class used for implementing a controller. Methods of the controller object allow accessing and managing the view, events and all other aspect of a *zuix.js* component. ## [ZxQuery](helpers/ZxQuery) class *ZxQuery* is a class that provides a few utility methods ","n":0.11}}},{"i":1,"$":{"0":{"v":"Events and Active&rarr;Refresh","n":0.577},"1":{"v":"About scoped scripts, dependencies, refresh-handlers, built-in @ handlers, custom handlers.","n":0.316},"2":{"v":"Inside the view of a component, other than standard HTML event handlers, it is possible to add event handlers that live inside the component&#39;s scripting scope. This kind of event handlers can be added to an element as an attribute having the name of the event wrapped between parentheses: `(&lt;event_name&gt;)=&quot;&lt;inline_code_or_handler_fn&gt;&quot;` The value o such event attribute is evaluated as JavaScript expression and can contain reference to variables and functions defined in the component&#39;s scripting scope, where the following predefined members are available: | Name | Des","n":0.108}}},{"i":2,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: dom","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":3,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Logger","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":4,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: TaskQueue","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":5,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: dom","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":6,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: Utils","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":7,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ZxQuery","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":8,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ZxQueryStatic","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":9,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Localizer","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":10,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObjectObserver","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":11,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObservableListener","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":12,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObservableObject","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":13,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ActiveRefresh","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":14,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Componentizer","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":15,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ViewObserver","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":16,"$":{"0":{"v":"Controller","n":1},"1":{"v":"Controller implementation types, lifecycle, options, events.","n":0.408},"2":{"v":"A controller is a JavaScript piece of code that can be associated to a view, and it manages its data, presentation and the usage/interaction logic. Through a controller, it&#39;s possible to customize all aspects of a component&#39;s lifecycle since it&#39;s early initialization up to the disposal of the component itself. This can be done by implementing component&#39;s [lifecycle callbacks](../api/zuix/ContextController/#init). ## Loading a controller A controller can be loaded programmatically using the [`zuix.loadComponent(..)`](../api/zuix/Zuix/#loadComponent) method, or it can be loaded d","n":0.113}}},{"i":17,"$":{"0":{"v":"Getting started","n":0.707},"1":{"v":"Creating a new project using *zuix.js* CLI tool and bare library usage.","n":0.289},"2":{"v":"See **zuix.js** in action using the online playground, where is possible to create and download ready to use components directly in the browser! {% unpre %} ```html sports_soccer Playground ``` {% endunpre %} ## Bare library usage on an existing site *zuix.js* can also be used on an existing website project by including the library directly in the HTML page or a JavaScript module: ### JsDeliver ```html ``` or as a module: ```html ``` or as a dependency of another module: ```js // file: my-class.module.js import &#39;https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies[&#39;zuix-dist&#39;","n":0.107}}},{"i":18,"$":{"0":{"v":"CLI / Templates","n":0.577},"1":{"v":"Command Line Interface, creating a new projects, pages, templates and components.","n":0.302},"2":{"v":"🧰 `zuix-cli` is a tool for the command line for creating new projects, adding pages or components, bundling and compressing into a single HTML file all resources used in a page, either local or remote ones. Project starter templates are using [Eleventy](https://11ty.dev/) as site generator, which works very nicely together with *zuix.js*. **Features in brief** - Page bundling (components, styles, scripts) - Assets mirroring (creates a local copy of external resources such as scripts, images and videos) - *Eleventy* site generator: * Integrated web server (*BrowserSync*) * Automatic rebuild an","n":0.105}}},{"i":19,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ComponentContext","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":20,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ContextController","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":21,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ControllerInstance","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":22,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Zuix","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":23,"$":{"0":{"v":"About zuix.js","n":0.707},"1":{"v":"zuix.js is a lightweight library for creating component based websites and applications by using standard HTML, CSS and JavaScript.","n":0.229},"2":{"v":"🐝 `zuix.js` is a lightweight library for building modular, component-based websites and apps that use standard HTML, CSS, and JavaScript with a few handy extras that will speed up development time and improve code reusability and maintainability. It is framework-agnostic, and does not require any bundler, package manager, or transpiling to work; all the magic is already provided by the library itself and can be used with your favorite web development stack. Designed to maximize website speed, it will automatically load components and dependencies only when they are actually going to be used. ","n":0.104}}},{"i":24,"$":{"0":{"v":"Component","n":1},"1":{"v":"Components, custom elements, shadow DOM, standalone components, the <em>default</em> component.","n":0.316},"2":{"v":"A *component* consists of a **[View](../view)**, that is implemented as HTML template with its own CSS, and a **[Controller](../controller)** that is the Javascript code that controls the *view*, its presentation and the interaction logic. Component&#39;s files are placed in the same *path* location and their base name is the same, and it represents itself the *component&#39;s name*: - `[/]&lt;component_name&gt;.html` - `[/]&lt;component_name&gt;.css` (optional) - `[/]&lt;component_name&gt;.js` The *unique component&#39;s identifier* is then its full path, formed by the component&#39;s `` plus","n":0.113}}},{"i":25,"$":{"0":{"v":"View","n":1},"1":{"v":"View, Data binding, binding adapters, accessibility, behaviors, events.","n":0.354},"2":{"v":"A *view* is the *visual* part of a component, and it consists of an `.html` template file, and a `.css` file for styles definition, both with the same base name, which is also the name of the view: - `&lt;component_id&gt;.html` - `&lt;component_id&gt;.css` (optional) A *view* can also be implemented inline, rather than in separate files, and can be declared by adding the `z-view` attribute to its container element. The value of `z-view` attribute is meant to be a unique identifier (`[/]component_name`) and shall not match the identifier of any other view placed in a file or inline in the same ","n":0.1}}},{"i":26,"$":{"0":{"v":"Context Options","n":0.707},"1":{"v":"Component's loading options, event handlers, styles, priority, theming.","n":0.354},"2":{"v":"When loading a component some options might be provided, some of which are available for all components, some others are custom options that can be implemented by the component for its own purpose. In either case, these options (*context options*), can be passed adding the attribute `z-options` to the component&#39;s host element. The value of the `z-options` attribute can be the name of a variable in the global scope with the value of a JSON object implementing one or more option fields described in the [ContextOptions](../api/zuix/Zuix/#ContextOptions) API. The value can also be an inline JS","n":0.103}}}]}
+{"keys":[{"path":["title"],"id":"title","weight":1,"src":"title","getFn":null},{"path":["description"],"id":"description","weight":1,"src":"description","getFn":null},{"path":["content"],"id":"content","weight":1,"src":"content","getFn":null}],"records":[{"i":0,"$":{"0":{"v":"API","n":1},"1":{"v":"API classes documentation, Zuix, ComponentContext, ContextController, ZxQuery.","n":0.378},"2":{"v":"## [Zuix](zuix/Zuix) class This is the main library class accessible through the global object `zuix`. ## [ComponentContext](zuix/ComponentContext) class The context of a component manages and holds a reference to all the resources related to the component instance itself. ## [ContextController](zuix/ContextController) class This is the class used for implementing a controller. Methods of the controller object allow accessing and managing the view, events and all other aspect of a *zuix.js* component. ## [ZxQuery](helpers/ZxQuery) class *ZxQuery* is a class that provides a few utility methods ","n":0.11}}},{"i":1,"$":{"0":{"v":"Events and Active&rarr;Refresh","n":0.577},"1":{"v":"About scoped scripts, dependencies, refresh-handlers, built-in @ handlers, custom handlers.","n":0.316},"2":{"v":"Inside the view of a component, other than standard HTML event handlers, it is possible to add event handlers that live inside the component&#39;s scripting scope. This kind of event handlers can be added to an element as an attribute having the name of the event wrapped between parentheses: `(&lt;event_name&gt;)=&quot;&lt;inline_code_or_handler_fn&gt;&quot;` The value o such event attribute is evaluated as JavaScript expression and can contain reference to variables and functions defined in the component&#39;s scripting scope, where the following predefined members are available: | Name | Des","n":0.108}}},{"i":2,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: dom","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":3,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Logger","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":4,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: TaskQueue","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":5,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: dom","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":6,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Namespace: Utils","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":7,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ZxQuery","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":8,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ZxQueryStatic","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":9,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Localizer","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":10,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObjectObserver","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":11,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObservableListener","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":12,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ObservableObject","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":13,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ActiveRefresh","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":14,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Componentizer","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":15,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ViewObserver","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":16,"$":{"0":{"v":"Controller","n":1},"1":{"v":"Controller implementation types, lifecycle, options, events.","n":0.408},"2":{"v":"A controller is a JavaScript piece of code that can be associated to a view, and it manages its data, presentation and the usage/interaction logic. Through a controller, it&#39;s possible to customize all aspects of a component&#39;s lifecycle since it&#39;s early initialization up to the disposal of the component itself. This can be done by implementing component&#39;s [lifecycle callbacks](../api/zuix/ContextController/#init). ## Loading a controller A controller can be loaded programmatically using the [`zuix.loadComponent(..)`](../api/zuix/Zuix/#loadComponent) method, or it can be loaded d","n":0.113}}},{"i":17,"$":{"0":{"v":"CLI / Templates","n":0.577},"1":{"v":"Command Line Interface, creating a new projects, pages, templates and components.","n":0.302},"2":{"v":"🧰 `zuix-cli` is a tool for the command line for creating new projects, adding pages or components, bundling and compressing into a single HTML file all resources used in a page, either local or remote ones. Project starter templates are using [Eleventy](https://11ty.dev/) as site generator, which works very nicely together with *zuix.js*. **Features in brief** - Page bundling (components, styles, scripts) - Assets mirroring (creates a local copy of external resources such as scripts, images and videos) - *Eleventy* site generator: * Integrated web server (*BrowserSync*) * Automatic rebuild an","n":0.105}}},{"i":18,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ComponentContext","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":19,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ContextController","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":20,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: ControllerInstance","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":21,"$":{"0":{"v":"zuix.js <i class='material-icons'>emoji_nature</i> API","n":0.5},"1":{"v":"zUIx.js API documentation, Class: Zuix","n":0.447},"2":{"v":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit","n":0.101}}},{"i":22,"$":{"0":{"v":"About zuix.js","n":0.707},"1":{"v":"zuix.js is a lightweight library for creating component based websites and applications by using standard HTML, CSS and JavaScript.","n":0.229},"2":{"v":"🐝 `zuix.js` is a lightweight library for building modular, component-based websites and apps that use standard HTML, CSS, and JavaScript with a few handy extras that will speed up development time and improve code reusability and maintainability. It is framework-agnostic, and does not require any bundler, package manager, or transpiling to work; all the magic is already provided by the library itself and can be used with your favorite web development stack. Designed to maximize website speed, it will automatically load components and dependencies only when they are actually going to be used. ","n":0.104}}},{"i":23,"$":{"0":{"v":"Component","n":1},"1":{"v":"Components, custom elements, shadow DOM, standalone components, the <em>default</em> component.","n":0.316},"2":{"v":"A *component* consists of a **[View](../view)**, that is implemented as HTML template with its own CSS, and a **[Controller](../controller)** that is the Javascript code that controls the *view*, its presentation and the interaction logic. Component&#39;s files are placed in the same *path* location and their base name is the same, and it represents itself the *component&#39;s name*: - `[/]&lt;component_name&gt;.html` - `[/]&lt;component_name&gt;.css` (optional) - `[/]&lt;component_name&gt;.js` The *unique component&#39;s identifier* is then its full path, formed by the component&#39;s `` plus","n":0.113}}},{"i":24,"$":{"0":{"v":"View","n":1},"1":{"v":"View, Data binding, binding adapters, accessibility, behaviors, events.","n":0.354},"2":{"v":"A *view* is the *visual* part of a component, and it consists of an `.html` template file, and a `.css` file for styles definition, both with the same base name, which is also the name of the view: - `&lt;component_id&gt;.html` - `&lt;component_id&gt;.css` (optional) A *view* can also be implemented inline, rather than in separate files, and can be declared by adding the `z-view` attribute to its container element. The value of `z-view` attribute is meant to be a unique identifier (`[/]component_name`) and shall not match the identifier of any other view placed in a file or inline in the same ","n":0.1}}},{"i":25,"$":{"0":{"v":"Context Options","n":0.707},"1":{"v":"Component's loading options, event handlers, styles, priority, theming.","n":0.354},"2":{"v":"When loading a component some options might be provided, some of which are available for all components, some others are custom options that can be implemented by the component for its own purpose. In either case, these options (*context options*), can be passed adding the attribute `z-options` to the component&#39;s host element. The value of the `z-options` attribute can be the name of a variable in the global scope with the value of a JSON object implementing one or more option fields described in the [ContextOptions](../api/zuix/Zuix/#ContextOptions) API. The value can also be an inline JS","n":0.103}}},{"i":26,"$":{"0":{"v":"Getting started","n":0.707},"1":{"v":"Creating a new project using *zuix.js* CLI tool and bare library usage.","n":0.289},"2":{"v":"See **zuix.js** in action using the online playground, where is possible to create and download ready to use components directly in the browser! {% unpre %} ```html sports_soccer Playground ``` {% endunpre %} ## Bare library usage on an existing site As a regular script: ### JsDeliver ```html ``` As a module: ```html ``` As a dependency of another module: ```js // file: my-class.module.js import &#39;https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies[&#39;zuix-dist&#39;] | remove_first: &#39;^&#39; }}/js/zuix.module.min.js&#39;; ``` ### NPM ```bash npm install zuix-dist ``` then copy t","n":0.11}}}]}
diff --git a/docs/search-list.json b/docs/search-list.json
index 4ab2744..6b6d748 100644
--- a/docs/search-list.json
+++ b/docs/search-list.json
@@ -1 +1 @@
-[{"url":"/pages/documentation/api/","title":"API","description":"API classes documentation, Zuix, ComponentContext, ContextController, ZxQuery.","content":"## [Zuix](zuix/Zuix) class This is the main library class accessible through the global object `zuix`. ## [ComponentContext](zuix/ComponentContext) class The context of a component manages and holds a reference to all the resources related to the component instance itself. ## [ContextController](zuix/ContextController) class This is the class used for implementing a controller. Methods of the controller object allow accessing and managing the view, events and all other aspect of a *zuix.js* component. ## [ZxQuery](helpers/ZxQuery) class *ZxQuery* is a class that provides a few utility methods "},{"url":"/pages/documentation/active_refresh/","title":"Events and Active&rarr;Refresh","description":"About scoped scripts, dependencies, refresh-handlers, built-in @ handlers, custom handlers.","content":"Inside the view of a component, other than standard HTML event handlers, it is possible to add event handlers that live inside the component&#39;s scripting scope. This kind of event handlers can be added to an element as an attribute having the name of the event wrapped between parentheses: `(&lt;event_name&gt;)=&quot;&lt;inline_code_or_handler_fn&gt;&quot;` The value o such event attribute is evaluated as JavaScript expression and can contain reference to variables and functions defined in the component&#39;s scripting scope, where the following predefined members are available: | Name | Des"},{"url":"/pages/documentation/api/helpers/Utils_dom/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: dom","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Logger/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Logger","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/TaskQueue/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: TaskQueue","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Utils.dom/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: dom","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Utils/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: Utils","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/ZxQuery/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ZxQuery","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/ZxQueryStatic/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ZxQueryStatic","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/localizer/Localizer/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Localizer","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObjectObserver/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObjectObserver","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObservableListener/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObservableListener","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObservableObject/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObservableObject","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ActiveRefresh/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ActiveRefresh","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/Componentizer/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Componentizer","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ViewObserver/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ViewObserver","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/controller/","title":"Controller","description":"Controller implementation types, lifecycle, options, events.","content":"A controller is a JavaScript piece of code that can be associated to a view, and it manages its data, presentation and the usage/interaction logic. Through a controller, it&#39;s possible to customize all aspects of a component&#39;s lifecycle since it&#39;s early initialization up to the disposal of the component itself. This can be done by implementing component&#39;s [lifecycle callbacks](../api/zuix/ContextController/#init). ## Loading a controller A controller can be loaded programmatically using the [`zuix.loadComponent(..)`](../api/zuix/Zuix/#loadComponent) method, or it can be loaded d"},{"url":"/pages/documentation/getting_started/","title":"Getting started","description":"Creating a new project using *zuix.js* CLI tool and bare library usage.","content":"See **zuix.js** in action using the online playground, where is possible to create and download ready to use components directly in the browser! {% unpre %} ```html sports_soccer Playground ``` {% endunpre %} ## Bare library usage on an existing site *zuix.js* can also be used on an existing website project by including the library directly in the HTML page or a JavaScript module: ### JsDeliver ```html ``` or as a module: ```html ``` or as a dependency of another module: ```js // file: my-class.module.js import &#39;https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies[&#39;zuix-dist&#39;"},{"url":"/pages/documentation/cli/","title":"CLI / Templates","description":"Command Line Interface, creating a new projects, pages, templates and components.","content":"🧰 `zuix-cli` is a tool for the command line for creating new projects, adding pages or components, bundling and compressing into a single HTML file all resources used in a page, either local or remote ones. Project starter templates are using [Eleventy](https://11ty.dev/) as site generator, which works very nicely together with *zuix.js*. **Features in brief** - Page bundling (components, styles, scripts) - Assets mirroring (creates a local copy of external resources such as scripts, images and videos) - *Eleventy* site generator: * Integrated web server (*BrowserSync*) * Automatic rebuild an"},{"url":"/pages/documentation/api/zuix/ComponentContext/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ComponentContext","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ContextController/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ContextController","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ControllerInstance/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ControllerInstance","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/Zuix/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Zuix","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/about/","title":"About zuix.js","description":"zuix.js is a lightweight library for creating component based websites and applications by using standard HTML, CSS and JavaScript.","content":"🐝 `zuix.js` is a lightweight library for building modular, component-based websites and apps that use standard HTML, CSS, and JavaScript with a few handy extras that will speed up development time and improve code reusability and maintainability. It is framework-agnostic, and does not require any bundler, package manager, or transpiling to work; all the magic is already provided by the library itself and can be used with your favorite web development stack. Designed to maximize website speed, it will automatically load components and dependencies only when they are actually going to be used. "},{"url":"/pages/documentation/component/","title":"Component","description":"Components, custom elements, shadow DOM, standalone components, the <em>default</em> component.","content":"A *component* consists of a **[View](../view)**, that is implemented as HTML template with its own CSS, and a **[Controller](../controller)** that is the Javascript code that controls the *view*, its presentation and the interaction logic. Component&#39;s files are placed in the same *path* location and their base name is the same, and it represents itself the *component&#39;s name*: - `[/]&lt;component_name&gt;.html` - `[/]&lt;component_name&gt;.css` (optional) - `[/]&lt;component_name&gt;.js` The *unique component&#39;s identifier* is then its full path, formed by the component&#39;s `` plus"},{"url":"/pages/documentation/view/","title":"View","description":"View, Data binding, binding adapters, accessibility, behaviors, events.","content":"A *view* is the *visual* part of a component, and it consists of an `.html` template file, and a `.css` file for styles definition, both with the same base name, which is also the name of the view: - `&lt;component_id&gt;.html` - `&lt;component_id&gt;.css` (optional) A *view* can also be implemented inline, rather than in separate files, and can be declared by adding the `z-view` attribute to its container element. The value of `z-view` attribute is meant to be a unique identifier (`[/]component_name`) and shall not match the identifier of any other view placed in a file or inline in the same "},{"url":"/pages/documentation/context_options/","title":"Context Options","description":"Component's loading options, event handlers, styles, priority, theming.","content":"When loading a component some options might be provided, some of which are available for all components, some others are custom options that can be implemented by the component for its own purpose. In either case, these options (*context options*), can be passed adding the attribute `z-options` to the component&#39;s host element. The value of the `z-options` attribute can be the name of a variable in the global scope with the value of a JSON object implementing one or more option fields described in the [ContextOptions](../api/zuix/Zuix/#ContextOptions) API. The value can also be an inline JS"}]
\ No newline at end of file
+[{"url":"/pages/documentation/api/","title":"API","description":"API classes documentation, Zuix, ComponentContext, ContextController, ZxQuery.","content":"## [Zuix](zuix/Zuix) class This is the main library class accessible through the global object `zuix`. ## [ComponentContext](zuix/ComponentContext) class The context of a component manages and holds a reference to all the resources related to the component instance itself. ## [ContextController](zuix/ContextController) class This is the class used for implementing a controller. Methods of the controller object allow accessing and managing the view, events and all other aspect of a *zuix.js* component. ## [ZxQuery](helpers/ZxQuery) class *ZxQuery* is a class that provides a few utility methods "},{"url":"/pages/documentation/active_refresh/","title":"Events and Active&rarr;Refresh","description":"About scoped scripts, dependencies, refresh-handlers, built-in @ handlers, custom handlers.","content":"Inside the view of a component, other than standard HTML event handlers, it is possible to add event handlers that live inside the component&#39;s scripting scope. This kind of event handlers can be added to an element as an attribute having the name of the event wrapped between parentheses: `(&lt;event_name&gt;)=&quot;&lt;inline_code_or_handler_fn&gt;&quot;` The value o such event attribute is evaluated as JavaScript expression and can contain reference to variables and functions defined in the component&#39;s scripting scope, where the following predefined members are available: | Name | Des"},{"url":"/pages/documentation/api/helpers/Utils_dom/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: dom","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Logger/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Logger","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/TaskQueue/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: TaskQueue","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Utils.dom/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: dom","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/Utils/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Namespace: Utils","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/ZxQuery/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ZxQuery","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/helpers/ZxQueryStatic/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ZxQueryStatic","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/localizer/Localizer/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Localizer","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObjectObserver/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObjectObserver","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObservableListener/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObservableListener","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/observable/ObservableObject/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ObservableObject","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ActiveRefresh/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ActiveRefresh","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/Componentizer/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Componentizer","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ViewObserver/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ViewObserver","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/controller/","title":"Controller","description":"Controller implementation types, lifecycle, options, events.","content":"A controller is a JavaScript piece of code that can be associated to a view, and it manages its data, presentation and the usage/interaction logic. Through a controller, it&#39;s possible to customize all aspects of a component&#39;s lifecycle since it&#39;s early initialization up to the disposal of the component itself. This can be done by implementing component&#39;s [lifecycle callbacks](../api/zuix/ContextController/#init). ## Loading a controller A controller can be loaded programmatically using the [`zuix.loadComponent(..)`](../api/zuix/Zuix/#loadComponent) method, or it can be loaded d"},{"url":"/pages/documentation/cli/","title":"CLI / Templates","description":"Command Line Interface, creating a new projects, pages, templates and components.","content":"🧰 `zuix-cli` is a tool for the command line for creating new projects, adding pages or components, bundling and compressing into a single HTML file all resources used in a page, either local or remote ones. Project starter templates are using [Eleventy](https://11ty.dev/) as site generator, which works very nicely together with *zuix.js*. **Features in brief** - Page bundling (components, styles, scripts) - Assets mirroring (creates a local copy of external resources such as scripts, images and videos) - *Eleventy* site generator: * Integrated web server (*BrowserSync*) * Automatic rebuild an"},{"url":"/pages/documentation/api/zuix/ComponentContext/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ComponentContext","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ContextController/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ContextController","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/ControllerInstance/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: ControllerInstance","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/api/zuix/Zuix/","title":"zuix.js <i class='material-icons'>emoji_nature</i> API","description":"zUIx.js API documentation, Class: Zuix","content":"/* BEGIN: MARKDOWN JSDOC */ main .content { padding-top: 24px; } main h2 code { font-weight: 400; } main h2 { margin-top: 0; font-size: 220%; } main h3 { margin-top: 72px; font-size: 200%; color: #525252; } main h4 { margin-top: 72px; margin-bottom: 0; font-size: 180%; font-weight: 500; color: #16641c; } main h5 { color: #7c3422; text-transform: uppercase; font-size: 100%; font-weight: bold; } main h6 { font-size: 220%; } main p { margin-top: 12px !important; } main em { font-family: monospace; font-size: 95%; } main table { border: solid 1px lightgray; } main table td { border: 1px solid whit"},{"url":"/pages/documentation/about/","title":"About zuix.js","description":"zuix.js is a lightweight library for creating component based websites and applications by using standard HTML, CSS and JavaScript.","content":"🐝 `zuix.js` is a lightweight library for building modular, component-based websites and apps that use standard HTML, CSS, and JavaScript with a few handy extras that will speed up development time and improve code reusability and maintainability. It is framework-agnostic, and does not require any bundler, package manager, or transpiling to work; all the magic is already provided by the library itself and can be used with your favorite web development stack. Designed to maximize website speed, it will automatically load components and dependencies only when they are actually going to be used. "},{"url":"/pages/documentation/component/","title":"Component","description":"Components, custom elements, shadow DOM, standalone components, the <em>default</em> component.","content":"A *component* consists of a **[View](../view)**, that is implemented as HTML template with its own CSS, and a **[Controller](../controller)** that is the Javascript code that controls the *view*, its presentation and the interaction logic. Component&#39;s files are placed in the same *path* location and their base name is the same, and it represents itself the *component&#39;s name*: - `[/]&lt;component_name&gt;.html` - `[/]&lt;component_name&gt;.css` (optional) - `[/]&lt;component_name&gt;.js` The *unique component&#39;s identifier* is then its full path, formed by the component&#39;s `` plus"},{"url":"/pages/documentation/view/","title":"View","description":"View, Data binding, binding adapters, accessibility, behaviors, events.","content":"A *view* is the *visual* part of a component, and it consists of an `.html` template file, and a `.css` file for styles definition, both with the same base name, which is also the name of the view: - `&lt;component_id&gt;.html` - `&lt;component_id&gt;.css` (optional) A *view* can also be implemented inline, rather than in separate files, and can be declared by adding the `z-view` attribute to its container element. The value of `z-view` attribute is meant to be a unique identifier (`[/]component_name`) and shall not match the identifier of any other view placed in a file or inline in the same "},{"url":"/pages/documentation/context_options/","title":"Context Options","description":"Component's loading options, event handlers, styles, priority, theming.","content":"When loading a component some options might be provided, some of which are available for all components, some others are custom options that can be implemented by the component for its own purpose. In either case, these options (*context options*), can be passed adding the attribute `z-options` to the component&#39;s host element. The value of the `z-options` attribute can be the name of a variable in the global scope with the value of a JSON object implementing one or more option fields described in the [ContextOptions](../api/zuix/Zuix/#ContextOptions) API. The value can also be an inline JS"},{"url":"/pages/documentation/getting_started/","title":"Getting started","description":"Creating a new project using *zuix.js* CLI tool and bare library usage.","content":"See **zuix.js** in action using the online playground, where is possible to create and download ready to use components directly in the browser! {% unpre %} ```html sports_soccer Playground ``` {% endunpre %} ## Bare library usage on an existing site As a regular script: ### JsDeliver ```html ``` As a module: ```html ``` As a dependency of another module: ```js // file: my-class.module.js import &#39;https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies[&#39;zuix-dist&#39;] | remove_first: &#39;^&#39; }}/js/zuix.module.min.js&#39;; ``` ### NPM ```bash npm install zuix-dist ``` then copy t"}]
\ No newline at end of file
diff --git a/docs/service-worker.js b/docs/service-worker.js
index 6c59214..77ec043 100644
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
@@ -1,2 +1,2 @@
-if(!self.define){let e,a={};const i=(i,c)=>(i=new URL(i+".js",c).href,a[i]||new Promise((a=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=a,document.head.appendChild(e)}else e=i,importScripts(i),a()})).then((()=>{let e=a[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e})));self.define=(c,d)=>{const n=e||("document"in self?document.currentScript.src:"")||location.href;if(a[n])return;let s={};const o=e=>i(e,n),r={module:{uri:n},exports:s,require:o};a[n]=Promise.all(c.map((e=>r[e]||o(e)))).then((e=>(d(...e),s)))}}define(["./workbox-90aa7b36"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"app/content/docs/examples/alice/ch_1.html",revision:"7bdba3c49c7bb2e4cc412e7791c6e771"},{url:"app/content/docs/examples/alice/ch_2.html",revision:"ccfe438dd4542451bcdabf93ec332847"},{url:"app/content/docs/examples/alice/ch_3.html",revision:"eb43ef576cd0d1c6a85e2413870f34dc"},{url:"app/content/docs/examples/links.css",revision:"300f68df4ae2415d93a52a566b256dbf"},{url:"app/content/docs/examples/links.html",revision:"cbd247603f5f438b7c760f4fdc77cf50"},{url:"app/controllers/component-test.es5.js",revision:"4315ce75c388c30d6e5b42520e5eb6eb"},{url:"app/examples/custom-elements-01.css",revision:"d9d625f90e36313e16428a7f182dbedb"},{url:"app/examples/custom-elements-01.html",revision:"68a64fc6d107c1ce892ec39a4a079768"},{url:"app/examples/custom-elements-01.js",revision:"3bda6a343eb5a68b88ced3007b4a0072"},{url:"app/examples/custom-elements-02.css",revision:"c3c565061953830904559b9616dea61c"},{url:"app/examples/custom-elements-02.html",revision:"38be43f8d48cbf1dc9cb31300c343ae9"},{url:"app/examples/custom-elements-02.js",revision:"f15a071167478bcdba0420f3f789edf7"},{url:"app/examples/default-component.css",revision:"fab25e621a552f6009b17f494305f723"},{url:"app/examples/default-component.html",revision:"aa5ff0eb86ede6142c6a4f4933a928f8"},{url:"app/examples/default-component.js",revision:"4bd425e89334935df53a1789a4dd6e78"},{url:"app/examples/new-component.css",revision:"2cc0fbc0683255a885678944443c7485"},{url:"app/examples/new-component.html",revision:"613d5e1a637a85199e1fef8017b38ca9"},{url:"app/examples/new-component.js",revision:"f99ff997e1d113ca735299fb5f936553"},{url:"app/templates/mdl_card.css",revision:"9009c7bca80ac31a896cc73e888cc929"},{url:"app/templates/mdl_card.html",revision:"8f4162c548d4eb34d2e592c499f31aa0"},{url:"app/templates/mdl-card.css",revision:"9009c7bca80ac31a896cc73e888cc929"},{url:"app/templates/mdl-card.html",revision:"8f4162c548d4eb34d2e592c499f31aa0"},{url:"app/widgets/analog-clock.css",revision:"c14d980e48af8e7dca858e1c80461ce9"},{url:"app/widgets/analog-clock.html",revision:"705d36dcc9859aea3435e71ee51faa9c"},{url:"app/widgets/analog-clock.js",revision:"31f7d503d0db768a3e9d5a1665776365"},{url:"app/widgets/analog-clock.module.js",revision:"1168ab2dc46350ed095029f98eca8f57"},{url:"app/widgets/time-clock.css",revision:"187e7e955c1e4009eb97f280ce082bcc"},{url:"app/widgets/time-clock.html",revision:"921217aece98231bb9b573093065faa2"},{url:"app/widgets/time-clock.js",revision:"6a322e9270fdf2173ee183543e8d9ada"},{url:"app/widgets/time-clock.module.js",revision:"f03d6989378cc1de623d27e6ce885f6e"},{url:"config.js",revision:"757128de230f7e6b3c6e6fcb1b008786"},{url:"css/animate.min.css",revision:"c0be8e53226ac34833fd9b5dbc01ebc5"},{url:"css/fla/flex-layout-attribute.css",revision:"c9bc58fccb5b4c9d1d7a6e76edddffa7"},{url:"css/fla/flex-layout-attribute.min.css",revision:"c55488315343d9afb4d13ebf9cc8f97b"},{url:"css/prism.css",revision:"8957823dd78e6a4fb2110dd7e605029a"},{url:"index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"index.html",revision:"395e17d04fba45e04d888ea90c97d20a"},{url:"js/fuse/fuse.basic.common.js",revision:"ab3ef0028c8992d0098b5b836874291a"},{url:"js/fuse/fuse.basic.esm.js",revision:"0cd240af452625e49deed3ee2445aba6"},{url:"js/fuse/fuse.basic.esm.min.js",revision:"f79f602fa4572cd580786923ce942b6c"},{url:"js/fuse/fuse.basic.js",revision:"6c4923a67225dd64e42600c578d8ff0f"},{url:"js/fuse/fuse.basic.min.js",revision:"62465d50492b6d1bfbbd0e5f9a09b222"},{url:"js/fuse/fuse.common.js",revision:"ddbe097989e19bf1872f533cbc363f1b"},{url:"js/fuse/fuse.esm.js",revision:"82bbf2ed8ece715c58afe6c75977795f"},{url:"js/fuse/fuse.esm.min.js",revision:"589223b029350d512db61a8f323ce0fe"},{url:"js/fuse/fuse.js",revision:"7e19f88c4b2a7c038943bf3b4a17986f"},{url:"js/fuse/fuse.min.js",revision:"de7d60e4a6881074275feca14b84a49d"},{url:"js/mdl/material.custom-theme.min.css",revision:"28d330007c57b55ad14e78a2dd4c917d"},{url:"js/mdl/material.min.css",revision:"9ab85b48144d24908b4e455c2afb648c"},{url:"js/mdl/material.min.js",revision:"8dbb84e1d015cd5c2f5be1064eb924b3"},{url:"js/zuix/zuix-bundler.js",revision:"fe785a58a595ca9fe99c820ba9b4378a"},{url:"js/zuix/zuix-bundler.min.js",revision:"5f7de14fd0dccf940a7d380274ca2a92"},{url:"js/zuix/zuix-bundler.module.js",revision:"b4582edfe5e0430be498cab361d5443c"},{url:"js/zuix/zuix-bundler.module.min.js",revision:"926edd0cc4eeb749dc1b3ff2b65f189c"},{url:"js/zuix/zuix.js",revision:"be93587fbb672dc6d3214748f1ef521b"},{url:"js/zuix/zuix.min.js",revision:"303ac523b8843fe147d8d2bca258d33d"},{url:"js/zuix/zuix.module.js",revision:"4d242f79a9ce654c52410a36a92fc0d8"},{url:"js/zuix/zuix.module.min.js",revision:"ee737140158ac05be4d4969b7451a3fa"},{url:"js/zuix/zx-context.module.js",revision:"8d5f2cabaa0dd997e0493f1d475daa9a"},{url:"manifest.json",revision:"62a5b876bebcc21a7bccd711f8fc6063"},{url:"pages/documentation/about/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/about/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/about/index.html",revision:"c1cf8537588b46b45c2af871e4e66cdf"},{url:"pages/documentation/active_refresh/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/active_refresh/index.bundle.js",revision:"f09c0a39553268d570e94cda1724b344"},{url:"pages/documentation/active_refresh/index.html",revision:"99338ce8ceeef8e32df171f7f1f2db8c"},{url:"pages/documentation/api/helpers/Logger/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Logger/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Logger/index.html",revision:"fa966e386dbf4db0ea28d0cbe87bb371"},{url:"pages/documentation/api/helpers/TaskQueue/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/TaskQueue/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/TaskQueue/index.html",revision:"f645b6328612a34f31662aa160e48b6e"},{url:"pages/documentation/api/helpers/Utils_dom/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils_dom/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils_dom/index.html",revision:"789c288f909b9f5dd1af9a1a812d067b"},{url:"pages/documentation/api/helpers/Utils.dom/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils.dom/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils.dom/index.html",revision:"c0e4f94f5e6979d992761bf72434de92"},{url:"pages/documentation/api/helpers/Utils/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils/index.html",revision:"150cde493117d1b34d6b043c98af1826"},{url:"pages/documentation/api/helpers/ZxQuery/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/ZxQuery/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/ZxQuery/index.html",revision:"ba887cf62bc26bd91852f6e26e33ab71"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.html",revision:"3e4b96aebf7ab5cf416d80ebdaf7d0fb"},{url:"pages/documentation/api/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/index.html",revision:"cf740b3b9129a45527c09f98225ca1aa"},{url:"pages/documentation/api/localizer/Localizer/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/localizer/Localizer/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/localizer/Localizer/index.html",revision:"756e631545cb3e6cfb7b215ae5d58c37"},{url:"pages/documentation/api/observable/ObjectObserver/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObjectObserver/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObjectObserver/index.html",revision:"defa79ba04ce7788e09fa877c12a88c3"},{url:"pages/documentation/api/observable/ObservableListener/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObservableListener/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObservableListener/index.html",revision:"72bf033c2e2a937090f27ff6924949f8"},{url:"pages/documentation/api/observable/ObservableObject/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObservableObject/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObservableObject/index.html",revision:"3f8cc77bc1825f8d9614298b9f7ad26f"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.html",revision:"7192d4145ddeda2bb7e00511afd83964"},{url:"pages/documentation/api/zuix/ComponentContext/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ComponentContext/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ComponentContext/index.html",revision:"53813b5896d15ce84114bdf3883d14b2"},{url:"pages/documentation/api/zuix/Componentizer/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/Componentizer/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/Componentizer/index.html",revision:"4fad0401b53d85fe18223e0c839487ed"},{url:"pages/documentation/api/zuix/ContextController/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ContextController/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ContextController/index.html",revision:"1dfb41ceb5b4eb2903913b0f98a5ac3e"},{url:"pages/documentation/api/zuix/ControllerInstance/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ControllerInstance/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ControllerInstance/index.html",revision:"f6371b0c7abf9abd812c59b710664c0e"},{url:"pages/documentation/api/zuix/ViewObserver/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ViewObserver/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ViewObserver/index.html",revision:"b83fc6062844495190f4def7803ec453"},{url:"pages/documentation/api/zuix/Zuix/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/Zuix/index.bundle.js",revision:"86f465142a769643bf2fce5dc262844c"},{url:"pages/documentation/api/zuix/Zuix/index.html",revision:"5fdb85e68ca81e94e7865ba30d41d2a9"},{url:"pages/documentation/cli/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/cli/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/cli/index.html",revision:"496b82bf12318a2ecfdfca4bf1a322e0"},{url:"pages/documentation/component/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/component/index.bundle.js",revision:"929f41655269f55d4e29a581f54868c5"},{url:"pages/documentation/component/index.html",revision:"228dbb9f5288bd43cb567db008673171"},{url:"pages/documentation/context_options/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/context_options/index.bundle.js",revision:"5fa352daefdd95d423f13eb29090559d"},{url:"pages/documentation/context_options/index.html",revision:"0961f4280dac52058da5ccbb4c99e309"},{url:"pages/documentation/controller/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/controller/index.bundle.js",revision:"ceeb3f27d3ee82b67d63a27b20c3e9a3"},{url:"pages/documentation/controller/index.html",revision:"7c916551a865f60d8daf735d3998593e"},{url:"pages/documentation/getting_started/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/getting_started/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/getting_started/index.html",revision:"26bd10a13bc30f79d6eef719b4fce297"},{url:"pages/documentation/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/index.html",revision:"6b234d790be663827758ebf645be5bda"},{url:"pages/documentation/view/CheckValidityBehavior.js",revision:"ab85e19fbf7c513b7d6bf2d2f756eff0"},{url:"pages/documentation/view/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/view/index.bundle.js",revision:"c5a33d5f409e321ae6595c2890e17c5a"},{url:"pages/documentation/view/index.html",revision:"2c96192698876c40f92762ad49ab0f3a"},{url:"pages/documentation/view/ViewSwitchBehavior.js",revision:"6568e13a81727f9347b65a41952a3b84"},{url:"playground/index.bundle.ext.js",revision:"8d71385458c300f2c7847c2de85d29c1"},{url:"playground/index.bundle.js",revision:"ab4b4e85e62fedd1c16196fc6893aed3"},{url:"playground/index.html",revision:"38d46940ede731809f953939450d9492"},{url:"search-index.json",revision:"0cdad838d25948096a0b7d8034d09575"},{url:"search-list.json",revision:"60ab2e2d0bbdae780abd00585b601f4e"},{url:"search/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"search/index.bundle.js",revision:"3cc60cfceb53d65f250c31efd348a7d0"},{url:"search/index.html",revision:"ebebe0fd13a6f2bc52bd8ede2606aed7"},{url:"app/content/docs/examples/alice/img/ch_1_1.png",revision:"f13e634f4f4767f426a791ddf85ba9b0"},{url:"app/content/docs/examples/alice/img/ch_1_2.png",revision:"a40e24033ce25edb5169d5f50a1783d7"},{url:"app/content/docs/examples/alice/img/ch_1_3.png",revision:"9325671498a60f3e05c6bfdcb6001bac"},{url:"app/content/docs/examples/alice/img/ch_2_1.png",revision:"ffd9b2ce17eb5cf4b6e0c2e88128e7bc"},{url:"app/content/docs/examples/alice/img/ch_2_2.png",revision:"c0aa4864727b53a82614fb098c286bca"},{url:"app/content/docs/examples/alice/img/ch_2_3.png",revision:"45b8f2b32fa463cbbf478693354bb676"},{url:"app/content/docs/examples/alice/img/ch_2_4.png",revision:"5175980071714ec946d815b4180b23bc"},{url:"app/content/docs/examples/alice/img/ch_3_1.png",revision:"0b58afb90669a0c00dd796f64872b141"},{url:"app/content/docs/examples/alice/img/ch_3_2.png",revision:"6f21a396f2c8b7f3a5a884dc9a8932c0"},{url:"app/content/docs/examples/images/avatar_00.png",revision:"1a565667c6cf7310db22762e8385f396"},{url:"app/content/docs/examples/images/avatar_01.png",revision:"8b86e5f8249828163a0d7e9f6d315dce"},{url:"app/content/docs/examples/images/avatar_02.png",revision:"8a011d6e36c3b968241ac4331cd03aad"},{url:"app/content/docs/examples/images/avatar_03.png",revision:"57f804786860e3d1166d0905651efed2"},{url:"app/content/docs/examples/images/card_cover_2.jpg",revision:"36c8155fd8a8504c3c49aecc3a2f1426"},{url:"app/content/docs/examples/images/card_cover_3.jpg",revision:"018aa09363578ced3cac25fc174e2d97"},{url:"app/content/docs/examples/images/card_cover_4.jpg",revision:"17458ae6c0f602d385272776d07e2b79"},{url:"app/content/docs/examples/images/card_cover.jpg",revision:"056b0eb64ac30441bd6aca8e3798286b"},{url:"app/content/docs/examples/images/card_placeholder.jpg",revision:"d4969877fffc05adb98477330588dfb4"},{url:"app/content/docs/examples/images/cover_javascript.jpg",revision:"210c83cdaafae6be05c8fbb4cb4accc3"},{url:"app/content/docs/examples/images/cover_recipes.jpg",revision:"6b19a1781bc4e0ca2d71e843ec7ad38e"},{url:"images/examples/clock.png",revision:"ed8359352f4562f7b229ccc5e544fa4e"},{url:"images/github-mark-light.png",revision:"eb94bb97c3410733ce017b184d314723"},{url:"images/github-mark.png",revision:"add1026fb07009c6879400cbcf145301"},{url:"images/icons/desktop/android-chrome-192x192.png",revision:"93d5e77e9ee1e9c6975f3c0bd1a21574"},{url:"images/icons/desktop/android-chrome-512x512.png",revision:"6df83c6c13be17a2ea70d29e340c5ddb"},{url:"images/icons/desktop/apple-touch-icon.png",revision:"2b78ed332644d19d9779c069c5842538"},{url:"images/icons/desktop/favicon-16x16.png",revision:"6c047cdbd3d5c4c962a3a692a5025d27"},{url:"images/icons/desktop/favicon-32x32.png",revision:"7413528d5e59c22af1ccf38187bc950b"},{url:"images/icons/desktop/mstile-150x150.png",revision:"540caa78f56655281b2d4b17ad52f2ce"},{url:"images/icons/desktop/safari-pinned-tab.svg",revision:"a0ab2c612c6a5019b3e4ae7c38043b98"},{url:"images/icons/icon-128x128.png",revision:"69f3f1f3f956bb71f35ce66b7717e1a0"},{url:"images/icons/icon-144x144.png",revision:"45e24db8671c41ca95c440df0cadf2a3"},{url:"images/icons/icon-152x152.png",revision:"e0867fd6e9bc25afd831b1eabdd83f8d"},{url:"images/icons/icon-192x192.png",revision:"cf383c3d4500d31884326cc9d53a8c3a"},{url:"images/icons/icon-384x384.png",revision:"31fd304cf6c5ff72928b7a91fbd68343"},{url:"images/icons/icon-512x512.png",revision:"47d9af0508ab29138dcb8ca6a4664cf2"},{url:"images/icons/icon-72x72.png",revision:"919cb6b3e8a1b5d0c963921dba0e4388"},{url:"images/icons/icon-96x96.png",revision:"5547ad1a33334c0f5c04f6de1f6d2c52"},{url:"images/patreon.png",revision:"138534b06fe107c864e576d63273cf75"},{url:"images/profile-icon.png",revision:"b4e6fa3d09388123298958c47aeb13ca"},{url:"images/rss-feed.png",revision:"fa5663a3878814bb9820de6b29005169"},{url:"images/zuix-logo.svg",revision:"48e6defd57440a6d0f0d12241ff9d6c5"}],{}),e.registerRoute(/\.(?:png|jpg|jpeg|svg)$/,new e.CacheFirst({cacheName:"images",plugins:[new e.ExpirationPlugin({maxEntries:50})]}),"GET"),e.registerRoute(/\.(?:html|json|js|css)$/,new e.CacheFirst({cacheName:"default",plugins:[new e.ExpirationPlugin({maxEntries:50})]}),"GET")}));
+if(!self.define){let e,a={};const i=(i,c)=>(i=new URL(i+".js",c).href,a[i]||new Promise((a=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=a,document.head.appendChild(e)}else e=i,importScripts(i),a()})).then((()=>{let e=a[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e})));self.define=(c,d)=>{const n=e||("document"in self?document.currentScript.src:"")||location.href;if(a[n])return;let s={};const o=e=>i(e,n),r={module:{uri:n},exports:s,require:o};a[n]=Promise.all(c.map((e=>r[e]||o(e)))).then((e=>(d(...e),s)))}}define(["./workbox-90aa7b36"],(function(e){"use strict";self.addEventListener("message",(e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()})),e.precacheAndRoute([{url:"app/content/docs/examples/alice/ch_1.html",revision:"7bdba3c49c7bb2e4cc412e7791c6e771"},{url:"app/content/docs/examples/alice/ch_2.html",revision:"ccfe438dd4542451bcdabf93ec332847"},{url:"app/content/docs/examples/alice/ch_3.html",revision:"eb43ef576cd0d1c6a85e2413870f34dc"},{url:"app/content/docs/examples/links.css",revision:"300f68df4ae2415d93a52a566b256dbf"},{url:"app/content/docs/examples/links.html",revision:"cbd247603f5f438b7c760f4fdc77cf50"},{url:"app/controllers/component-test.es5.js",revision:"4315ce75c388c30d6e5b42520e5eb6eb"},{url:"app/examples/custom-elements-01.css",revision:"d9d625f90e36313e16428a7f182dbedb"},{url:"app/examples/custom-elements-01.html",revision:"68a64fc6d107c1ce892ec39a4a079768"},{url:"app/examples/custom-elements-01.js",revision:"3bda6a343eb5a68b88ced3007b4a0072"},{url:"app/examples/custom-elements-02.css",revision:"c3c565061953830904559b9616dea61c"},{url:"app/examples/custom-elements-02.html",revision:"38be43f8d48cbf1dc9cb31300c343ae9"},{url:"app/examples/custom-elements-02.js",revision:"f15a071167478bcdba0420f3f789edf7"},{url:"app/examples/default-component.css",revision:"fab25e621a552f6009b17f494305f723"},{url:"app/examples/default-component.html",revision:"aa5ff0eb86ede6142c6a4f4933a928f8"},{url:"app/examples/default-component.js",revision:"4bd425e89334935df53a1789a4dd6e78"},{url:"app/examples/new-component.css",revision:"2cc0fbc0683255a885678944443c7485"},{url:"app/examples/new-component.html",revision:"613d5e1a637a85199e1fef8017b38ca9"},{url:"app/examples/new-component.js",revision:"f99ff997e1d113ca735299fb5f936553"},{url:"app/templates/mdl_card.css",revision:"9009c7bca80ac31a896cc73e888cc929"},{url:"app/templates/mdl_card.html",revision:"8f4162c548d4eb34d2e592c499f31aa0"},{url:"app/templates/mdl-card.css",revision:"9009c7bca80ac31a896cc73e888cc929"},{url:"app/templates/mdl-card.html",revision:"8f4162c548d4eb34d2e592c499f31aa0"},{url:"app/widgets/analog-clock.css",revision:"c14d980e48af8e7dca858e1c80461ce9"},{url:"app/widgets/analog-clock.html",revision:"705d36dcc9859aea3435e71ee51faa9c"},{url:"app/widgets/analog-clock.js",revision:"31f7d503d0db768a3e9d5a1665776365"},{url:"app/widgets/analog-clock.module.js",revision:"1168ab2dc46350ed095029f98eca8f57"},{url:"app/widgets/time-clock.css",revision:"187e7e955c1e4009eb97f280ce082bcc"},{url:"app/widgets/time-clock.html",revision:"921217aece98231bb9b573093065faa2"},{url:"app/widgets/time-clock.js",revision:"6a322e9270fdf2173ee183543e8d9ada"},{url:"app/widgets/time-clock.module.js",revision:"f03d6989378cc1de623d27e6ce885f6e"},{url:"config.js",revision:"757128de230f7e6b3c6e6fcb1b008786"},{url:"css/animate.min.css",revision:"c0be8e53226ac34833fd9b5dbc01ebc5"},{url:"css/fla/flex-layout-attribute.css",revision:"c9bc58fccb5b4c9d1d7a6e76edddffa7"},{url:"css/fla/flex-layout-attribute.min.css",revision:"c55488315343d9afb4d13ebf9cc8f97b"},{url:"css/prism.css",revision:"8957823dd78e6a4fb2110dd7e605029a"},{url:"index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"index.html",revision:"395e17d04fba45e04d888ea90c97d20a"},{url:"js/fuse/fuse.basic.common.js",revision:"ab3ef0028c8992d0098b5b836874291a"},{url:"js/fuse/fuse.basic.esm.js",revision:"0cd240af452625e49deed3ee2445aba6"},{url:"js/fuse/fuse.basic.esm.min.js",revision:"f79f602fa4572cd580786923ce942b6c"},{url:"js/fuse/fuse.basic.js",revision:"6c4923a67225dd64e42600c578d8ff0f"},{url:"js/fuse/fuse.basic.min.js",revision:"62465d50492b6d1bfbbd0e5f9a09b222"},{url:"js/fuse/fuse.common.js",revision:"ddbe097989e19bf1872f533cbc363f1b"},{url:"js/fuse/fuse.esm.js",revision:"82bbf2ed8ece715c58afe6c75977795f"},{url:"js/fuse/fuse.esm.min.js",revision:"589223b029350d512db61a8f323ce0fe"},{url:"js/fuse/fuse.js",revision:"7e19f88c4b2a7c038943bf3b4a17986f"},{url:"js/fuse/fuse.min.js",revision:"de7d60e4a6881074275feca14b84a49d"},{url:"js/mdl/material.custom-theme.min.css",revision:"28d330007c57b55ad14e78a2dd4c917d"},{url:"js/mdl/material.min.css",revision:"9ab85b48144d24908b4e455c2afb648c"},{url:"js/mdl/material.min.js",revision:"8dbb84e1d015cd5c2f5be1064eb924b3"},{url:"js/zuix/zuix-bundler.js",revision:"fe785a58a595ca9fe99c820ba9b4378a"},{url:"js/zuix/zuix-bundler.min.js",revision:"5f7de14fd0dccf940a7d380274ca2a92"},{url:"js/zuix/zuix-bundler.module.js",revision:"b4582edfe5e0430be498cab361d5443c"},{url:"js/zuix/zuix-bundler.module.min.js",revision:"926edd0cc4eeb749dc1b3ff2b65f189c"},{url:"js/zuix/zuix.js",revision:"be93587fbb672dc6d3214748f1ef521b"},{url:"js/zuix/zuix.min.js",revision:"303ac523b8843fe147d8d2bca258d33d"},{url:"js/zuix/zuix.module.js",revision:"4d242f79a9ce654c52410a36a92fc0d8"},{url:"js/zuix/zuix.module.min.js",revision:"ee737140158ac05be4d4969b7451a3fa"},{url:"js/zuix/zx-context.module.js",revision:"8d5f2cabaa0dd997e0493f1d475daa9a"},{url:"manifest.json",revision:"62a5b876bebcc21a7bccd711f8fc6063"},{url:"pages/documentation/about/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/about/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/about/index.html",revision:"c1cf8537588b46b45c2af871e4e66cdf"},{url:"pages/documentation/active_refresh/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/active_refresh/index.bundle.js",revision:"f09c0a39553268d570e94cda1724b344"},{url:"pages/documentation/active_refresh/index.html",revision:"99338ce8ceeef8e32df171f7f1f2db8c"},{url:"pages/documentation/api/helpers/Logger/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Logger/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Logger/index.html",revision:"fa966e386dbf4db0ea28d0cbe87bb371"},{url:"pages/documentation/api/helpers/TaskQueue/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/TaskQueue/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/TaskQueue/index.html",revision:"f645b6328612a34f31662aa160e48b6e"},{url:"pages/documentation/api/helpers/Utils_dom/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils_dom/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils_dom/index.html",revision:"789c288f909b9f5dd1af9a1a812d067b"},{url:"pages/documentation/api/helpers/Utils.dom/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils.dom/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils.dom/index.html",revision:"c0e4f94f5e6979d992761bf72434de92"},{url:"pages/documentation/api/helpers/Utils/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/Utils/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/Utils/index.html",revision:"150cde493117d1b34d6b043c98af1826"},{url:"pages/documentation/api/helpers/ZxQuery/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/ZxQuery/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/ZxQuery/index.html",revision:"ba887cf62bc26bd91852f6e26e33ab71"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/helpers/ZxQueryStatic/index.html",revision:"3e4b96aebf7ab5cf416d80ebdaf7d0fb"},{url:"pages/documentation/api/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/index.html",revision:"cf740b3b9129a45527c09f98225ca1aa"},{url:"pages/documentation/api/localizer/Localizer/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/localizer/Localizer/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/localizer/Localizer/index.html",revision:"756e631545cb3e6cfb7b215ae5d58c37"},{url:"pages/documentation/api/observable/ObjectObserver/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObjectObserver/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObjectObserver/index.html",revision:"defa79ba04ce7788e09fa877c12a88c3"},{url:"pages/documentation/api/observable/ObservableListener/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObservableListener/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObservableListener/index.html",revision:"72bf033c2e2a937090f27ff6924949f8"},{url:"pages/documentation/api/observable/ObservableObject/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/observable/ObservableObject/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/observable/ObservableObject/index.html",revision:"3f8cc77bc1825f8d9614298b9f7ad26f"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ActiveRefresh/index.html",revision:"7192d4145ddeda2bb7e00511afd83964"},{url:"pages/documentation/api/zuix/ComponentContext/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ComponentContext/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ComponentContext/index.html",revision:"53813b5896d15ce84114bdf3883d14b2"},{url:"pages/documentation/api/zuix/Componentizer/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/Componentizer/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/Componentizer/index.html",revision:"4fad0401b53d85fe18223e0c839487ed"},{url:"pages/documentation/api/zuix/ContextController/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ContextController/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ContextController/index.html",revision:"1dfb41ceb5b4eb2903913b0f98a5ac3e"},{url:"pages/documentation/api/zuix/ControllerInstance/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ControllerInstance/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ControllerInstance/index.html",revision:"f6371b0c7abf9abd812c59b710664c0e"},{url:"pages/documentation/api/zuix/ViewObserver/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/ViewObserver/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/api/zuix/ViewObserver/index.html",revision:"b83fc6062844495190f4def7803ec453"},{url:"pages/documentation/api/zuix/Zuix/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/api/zuix/Zuix/index.bundle.js",revision:"86f465142a769643bf2fce5dc262844c"},{url:"pages/documentation/api/zuix/Zuix/index.html",revision:"5fdb85e68ca81e94e7865ba30d41d2a9"},{url:"pages/documentation/cli/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/cli/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/cli/index.html",revision:"496b82bf12318a2ecfdfca4bf1a322e0"},{url:"pages/documentation/component/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/component/index.bundle.js",revision:"929f41655269f55d4e29a581f54868c5"},{url:"pages/documentation/component/index.html",revision:"228dbb9f5288bd43cb567db008673171"},{url:"pages/documentation/context_options/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/context_options/index.bundle.js",revision:"5fa352daefdd95d423f13eb29090559d"},{url:"pages/documentation/context_options/index.html",revision:"0961f4280dac52058da5ccbb4c99e309"},{url:"pages/documentation/controller/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/controller/index.bundle.js",revision:"ceeb3f27d3ee82b67d63a27b20c3e9a3"},{url:"pages/documentation/controller/index.html",revision:"7c916551a865f60d8daf735d3998593e"},{url:"pages/documentation/getting_started/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/getting_started/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/getting_started/index.html",revision:"8fdcf7778795adb58029f41af3ace420"},{url:"pages/documentation/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/index.bundle.js",revision:"c077959ab48c60a9daa8a391bcd70afd"},{url:"pages/documentation/index.html",revision:"6b234d790be663827758ebf645be5bda"},{url:"pages/documentation/view/CheckValidityBehavior.js",revision:"ab85e19fbf7c513b7d6bf2d2f756eff0"},{url:"pages/documentation/view/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"pages/documentation/view/index.bundle.js",revision:"c5a33d5f409e321ae6595c2890e17c5a"},{url:"pages/documentation/view/index.html",revision:"2c96192698876c40f92762ad49ab0f3a"},{url:"pages/documentation/view/ViewSwitchBehavior.js",revision:"6568e13a81727f9347b65a41952a3b84"},{url:"playground/index.bundle.ext.js",revision:"8d71385458c300f2c7847c2de85d29c1"},{url:"playground/index.bundle.js",revision:"ab4b4e85e62fedd1c16196fc6893aed3"},{url:"playground/index.html",revision:"38d46940ede731809f953939450d9492"},{url:"search-index.json",revision:"42aa1cd5ce716dc466754f805d4f4e00"},{url:"search-list.json",revision:"8244e2badcec2f4ad2d420be91a887dd"},{url:"search/index.bundle.ext.js",revision:"1dc48636135106d840ca00bc3d7b9329"},{url:"search/index.bundle.js",revision:"3cc60cfceb53d65f250c31efd348a7d0"},{url:"search/index.html",revision:"ebebe0fd13a6f2bc52bd8ede2606aed7"},{url:"app/content/docs/examples/alice/img/ch_1_1.png",revision:"f13e634f4f4767f426a791ddf85ba9b0"},{url:"app/content/docs/examples/alice/img/ch_1_2.png",revision:"a40e24033ce25edb5169d5f50a1783d7"},{url:"app/content/docs/examples/alice/img/ch_1_3.png",revision:"9325671498a60f3e05c6bfdcb6001bac"},{url:"app/content/docs/examples/alice/img/ch_2_1.png",revision:"ffd9b2ce17eb5cf4b6e0c2e88128e7bc"},{url:"app/content/docs/examples/alice/img/ch_2_2.png",revision:"c0aa4864727b53a82614fb098c286bca"},{url:"app/content/docs/examples/alice/img/ch_2_3.png",revision:"45b8f2b32fa463cbbf478693354bb676"},{url:"app/content/docs/examples/alice/img/ch_2_4.png",revision:"5175980071714ec946d815b4180b23bc"},{url:"app/content/docs/examples/alice/img/ch_3_1.png",revision:"0b58afb90669a0c00dd796f64872b141"},{url:"app/content/docs/examples/alice/img/ch_3_2.png",revision:"6f21a396f2c8b7f3a5a884dc9a8932c0"},{url:"app/content/docs/examples/images/avatar_00.png",revision:"1a565667c6cf7310db22762e8385f396"},{url:"app/content/docs/examples/images/avatar_01.png",revision:"8b86e5f8249828163a0d7e9f6d315dce"},{url:"app/content/docs/examples/images/avatar_02.png",revision:"8a011d6e36c3b968241ac4331cd03aad"},{url:"app/content/docs/examples/images/avatar_03.png",revision:"57f804786860e3d1166d0905651efed2"},{url:"app/content/docs/examples/images/card_cover_2.jpg",revision:"36c8155fd8a8504c3c49aecc3a2f1426"},{url:"app/content/docs/examples/images/card_cover_3.jpg",revision:"018aa09363578ced3cac25fc174e2d97"},{url:"app/content/docs/examples/images/card_cover_4.jpg",revision:"17458ae6c0f602d385272776d07e2b79"},{url:"app/content/docs/examples/images/card_cover.jpg",revision:"056b0eb64ac30441bd6aca8e3798286b"},{url:"app/content/docs/examples/images/card_placeholder.jpg",revision:"d4969877fffc05adb98477330588dfb4"},{url:"app/content/docs/examples/images/cover_javascript.jpg",revision:"210c83cdaafae6be05c8fbb4cb4accc3"},{url:"app/content/docs/examples/images/cover_recipes.jpg",revision:"6b19a1781bc4e0ca2d71e843ec7ad38e"},{url:"images/examples/clock.png",revision:"ed8359352f4562f7b229ccc5e544fa4e"},{url:"images/github-mark-light.png",revision:"eb94bb97c3410733ce017b184d314723"},{url:"images/github-mark.png",revision:"add1026fb07009c6879400cbcf145301"},{url:"images/icons/desktop/android-chrome-192x192.png",revision:"93d5e77e9ee1e9c6975f3c0bd1a21574"},{url:"images/icons/desktop/android-chrome-512x512.png",revision:"6df83c6c13be17a2ea70d29e340c5ddb"},{url:"images/icons/desktop/apple-touch-icon.png",revision:"2b78ed332644d19d9779c069c5842538"},{url:"images/icons/desktop/favicon-16x16.png",revision:"6c047cdbd3d5c4c962a3a692a5025d27"},{url:"images/icons/desktop/favicon-32x32.png",revision:"7413528d5e59c22af1ccf38187bc950b"},{url:"images/icons/desktop/mstile-150x150.png",revision:"540caa78f56655281b2d4b17ad52f2ce"},{url:"images/icons/desktop/safari-pinned-tab.svg",revision:"a0ab2c612c6a5019b3e4ae7c38043b98"},{url:"images/icons/icon-128x128.png",revision:"69f3f1f3f956bb71f35ce66b7717e1a0"},{url:"images/icons/icon-144x144.png",revision:"45e24db8671c41ca95c440df0cadf2a3"},{url:"images/icons/icon-152x152.png",revision:"e0867fd6e9bc25afd831b1eabdd83f8d"},{url:"images/icons/icon-192x192.png",revision:"cf383c3d4500d31884326cc9d53a8c3a"},{url:"images/icons/icon-384x384.png",revision:"31fd304cf6c5ff72928b7a91fbd68343"},{url:"images/icons/icon-512x512.png",revision:"47d9af0508ab29138dcb8ca6a4664cf2"},{url:"images/icons/icon-72x72.png",revision:"919cb6b3e8a1b5d0c963921dba0e4388"},{url:"images/icons/icon-96x96.png",revision:"5547ad1a33334c0f5c04f6de1f6d2c52"},{url:"images/patreon.png",revision:"138534b06fe107c864e576d63273cf75"},{url:"images/profile-icon.png",revision:"b4e6fa3d09388123298958c47aeb13ca"},{url:"images/rss-feed.png",revision:"fa5663a3878814bb9820de6b29005169"},{url:"images/zuix-logo.svg",revision:"48e6defd57440a6d0f0d12241ff9d6c5"}],{}),e.registerRoute(/\.(?:png|jpg|jpeg|svg)$/,new e.CacheFirst({cacheName:"images",plugins:[new e.ExpirationPlugin({maxEntries:50})]}),"GET"),e.registerRoute(/\.(?:html|json|js|css)$/,new e.CacheFirst({cacheName:"default",plugins:[new e.ExpirationPlugin({maxEntries:50})]}),"GET")}));
 //# sourceMappingURL=service-worker.js.map
diff --git a/docs/service-worker.js.map b/docs/service-worker.js.map
index 4bc34b5..c51d0e1 100644
--- a/docs/service-worker.js.map
+++ b/docs/service-worker.js.map
@@ -1 +1 @@
-{"version":3,"file":"service-worker.js","sources":["../../../../../tmp/fb0bcf19d3af30e96315071c9c6303c5/service-worker.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-routing/registerRoute.mjs';\nimport {ExpirationPlugin as workbox_expiration_ExpirationPlugin} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-expiration/ExpirationPlugin.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-precaching/precacheAndRoute.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.addEventListener('message', (event) => {\n  if (event.data && event.data.type === 'SKIP_WAITING') {\n    self.skipWaiting();\n  }\n});\n\n\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_1.html\",\n    \"revision\": \"7bdba3c49c7bb2e4cc412e7791c6e771\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_2.html\",\n    \"revision\": \"ccfe438dd4542451bcdabf93ec332847\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_3.html\",\n    \"revision\": \"eb43ef576cd0d1c6a85e2413870f34dc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/links.css\",\n    \"revision\": \"300f68df4ae2415d93a52a566b256dbf\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/links.html\",\n    \"revision\": \"cbd247603f5f438b7c760f4fdc77cf50\"\n  },\n  {\n    \"url\": \"app/controllers/component-test.es5.js\",\n    \"revision\": \"4315ce75c388c30d6e5b42520e5eb6eb\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.css\",\n    \"revision\": \"d9d625f90e36313e16428a7f182dbedb\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.html\",\n    \"revision\": \"68a64fc6d107c1ce892ec39a4a079768\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.js\",\n    \"revision\": \"3bda6a343eb5a68b88ced3007b4a0072\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.css\",\n    \"revision\": \"c3c565061953830904559b9616dea61c\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.html\",\n    \"revision\": \"38be43f8d48cbf1dc9cb31300c343ae9\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.js\",\n    \"revision\": \"f15a071167478bcdba0420f3f789edf7\"\n  },\n  {\n    \"url\": \"app/examples/default-component.css\",\n    \"revision\": \"fab25e621a552f6009b17f494305f723\"\n  },\n  {\n    \"url\": \"app/examples/default-component.html\",\n    \"revision\": \"aa5ff0eb86ede6142c6a4f4933a928f8\"\n  },\n  {\n    \"url\": \"app/examples/default-component.js\",\n    \"revision\": \"4bd425e89334935df53a1789a4dd6e78\"\n  },\n  {\n    \"url\": \"app/examples/new-component.css\",\n    \"revision\": \"2cc0fbc0683255a885678944443c7485\"\n  },\n  {\n    \"url\": \"app/examples/new-component.html\",\n    \"revision\": \"613d5e1a637a85199e1fef8017b38ca9\"\n  },\n  {\n    \"url\": \"app/examples/new-component.js\",\n    \"revision\": \"f99ff997e1d113ca735299fb5f936553\"\n  },\n  {\n    \"url\": \"app/templates/mdl_card.css\",\n    \"revision\": \"9009c7bca80ac31a896cc73e888cc929\"\n  },\n  {\n    \"url\": \"app/templates/mdl_card.html\",\n    \"revision\": \"8f4162c548d4eb34d2e592c499f31aa0\"\n  },\n  {\n    \"url\": \"app/templates/mdl-card.css\",\n    \"revision\": \"9009c7bca80ac31a896cc73e888cc929\"\n  },\n  {\n    \"url\": \"app/templates/mdl-card.html\",\n    \"revision\": \"8f4162c548d4eb34d2e592c499f31aa0\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.css\",\n    \"revision\": \"c14d980e48af8e7dca858e1c80461ce9\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.html\",\n    \"revision\": \"705d36dcc9859aea3435e71ee51faa9c\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.js\",\n    \"revision\": \"31f7d503d0db768a3e9d5a1665776365\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.module.js\",\n    \"revision\": \"1168ab2dc46350ed095029f98eca8f57\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.css\",\n    \"revision\": \"187e7e955c1e4009eb97f280ce082bcc\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.html\",\n    \"revision\": \"921217aece98231bb9b573093065faa2\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.js\",\n    \"revision\": \"6a322e9270fdf2173ee183543e8d9ada\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.module.js\",\n    \"revision\": \"f03d6989378cc1de623d27e6ce885f6e\"\n  },\n  {\n    \"url\": \"config.js\",\n    \"revision\": \"757128de230f7e6b3c6e6fcb1b008786\"\n  },\n  {\n    \"url\": \"css/animate.min.css\",\n    \"revision\": \"c0be8e53226ac34833fd9b5dbc01ebc5\"\n  },\n  {\n    \"url\": \"css/fla/flex-layout-attribute.css\",\n    \"revision\": \"c9bc58fccb5b4c9d1d7a6e76edddffa7\"\n  },\n  {\n    \"url\": \"css/fla/flex-layout-attribute.min.css\",\n    \"revision\": \"c55488315343d9afb4d13ebf9cc8f97b\"\n  },\n  {\n    \"url\": \"css/prism.css\",\n    \"revision\": \"8957823dd78e6a4fb2110dd7e605029a\"\n  },\n  {\n    \"url\": \"index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"index.html\",\n    \"revision\": \"395e17d04fba45e04d888ea90c97d20a\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.common.js\",\n    \"revision\": \"ab3ef0028c8992d0098b5b836874291a\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.esm.js\",\n    \"revision\": \"0cd240af452625e49deed3ee2445aba6\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.esm.min.js\",\n    \"revision\": \"f79f602fa4572cd580786923ce942b6c\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.js\",\n    \"revision\": \"6c4923a67225dd64e42600c578d8ff0f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.min.js\",\n    \"revision\": \"62465d50492b6d1bfbbd0e5f9a09b222\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.common.js\",\n    \"revision\": \"ddbe097989e19bf1872f533cbc363f1b\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.esm.js\",\n    \"revision\": \"82bbf2ed8ece715c58afe6c75977795f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.esm.min.js\",\n    \"revision\": \"589223b029350d512db61a8f323ce0fe\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.js\",\n    \"revision\": \"7e19f88c4b2a7c038943bf3b4a17986f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.min.js\",\n    \"revision\": \"de7d60e4a6881074275feca14b84a49d\"\n  },\n  {\n    \"url\": \"js/mdl/material.custom-theme.min.css\",\n    \"revision\": \"28d330007c57b55ad14e78a2dd4c917d\"\n  },\n  {\n    \"url\": \"js/mdl/material.min.css\",\n    \"revision\": \"9ab85b48144d24908b4e455c2afb648c\"\n  },\n  {\n    \"url\": \"js/mdl/material.min.js\",\n    \"revision\": \"8dbb84e1d015cd5c2f5be1064eb924b3\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.js\",\n    \"revision\": \"fe785a58a595ca9fe99c820ba9b4378a\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.min.js\",\n    \"revision\": \"5f7de14fd0dccf940a7d380274ca2a92\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.module.js\",\n    \"revision\": \"b4582edfe5e0430be498cab361d5443c\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.module.min.js\",\n    \"revision\": \"926edd0cc4eeb749dc1b3ff2b65f189c\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.js\",\n    \"revision\": \"be93587fbb672dc6d3214748f1ef521b\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.min.js\",\n    \"revision\": \"303ac523b8843fe147d8d2bca258d33d\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.module.js\",\n    \"revision\": \"4d242f79a9ce654c52410a36a92fc0d8\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.module.min.js\",\n    \"revision\": \"ee737140158ac05be4d4969b7451a3fa\"\n  },\n  {\n    \"url\": \"js/zuix/zx-context.module.js\",\n    \"revision\": \"8d5f2cabaa0dd997e0493f1d475daa9a\"\n  },\n  {\n    \"url\": \"manifest.json\",\n    \"revision\": \"62a5b876bebcc21a7bccd711f8fc6063\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.html\",\n    \"revision\": \"c1cf8537588b46b45c2af871e4e66cdf\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.bundle.js\",\n    \"revision\": \"f09c0a39553268d570e94cda1724b344\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.html\",\n    \"revision\": \"99338ce8ceeef8e32df171f7f1f2db8c\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.html\",\n    \"revision\": \"fa966e386dbf4db0ea28d0cbe87bb371\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.html\",\n    \"revision\": \"f645b6328612a34f31662aa160e48b6e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.html\",\n    \"revision\": \"789c288f909b9f5dd1af9a1a812d067b\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.html\",\n    \"revision\": \"c0e4f94f5e6979d992761bf72434de92\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.html\",\n    \"revision\": \"150cde493117d1b34d6b043c98af1826\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.html\",\n    \"revision\": \"ba887cf62bc26bd91852f6e26e33ab71\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.html\",\n    \"revision\": \"3e4b96aebf7ab5cf416d80ebdaf7d0fb\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.html\",\n    \"revision\": \"cf740b3b9129a45527c09f98225ca1aa\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.html\",\n    \"revision\": \"756e631545cb3e6cfb7b215ae5d58c37\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.html\",\n    \"revision\": \"defa79ba04ce7788e09fa877c12a88c3\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.html\",\n    \"revision\": \"72bf033c2e2a937090f27ff6924949f8\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.html\",\n    \"revision\": \"3f8cc77bc1825f8d9614298b9f7ad26f\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.html\",\n    \"revision\": \"7192d4145ddeda2bb7e00511afd83964\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.html\",\n    \"revision\": \"53813b5896d15ce84114bdf3883d14b2\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.html\",\n    \"revision\": \"4fad0401b53d85fe18223e0c839487ed\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.html\",\n    \"revision\": \"1dfb41ceb5b4eb2903913b0f98a5ac3e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.html\",\n    \"revision\": \"f6371b0c7abf9abd812c59b710664c0e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.html\",\n    \"revision\": \"b83fc6062844495190f4def7803ec453\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.bundle.js\",\n    \"revision\": \"86f465142a769643bf2fce5dc262844c\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.html\",\n    \"revision\": \"5fdb85e68ca81e94e7865ba30d41d2a9\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.html\",\n    \"revision\": \"496b82bf12318a2ecfdfca4bf1a322e0\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.bundle.js\",\n    \"revision\": \"929f41655269f55d4e29a581f54868c5\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.html\",\n    \"revision\": \"228dbb9f5288bd43cb567db008673171\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.bundle.js\",\n    \"revision\": \"5fa352daefdd95d423f13eb29090559d\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.html\",\n    \"revision\": \"0961f4280dac52058da5ccbb4c99e309\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.bundle.js\",\n    \"revision\": \"ceeb3f27d3ee82b67d63a27b20c3e9a3\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.html\",\n    \"revision\": \"7c916551a865f60d8daf735d3998593e\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.html\",\n    \"revision\": \"26bd10a13bc30f79d6eef719b4fce297\"\n  },\n  {\n    \"url\": \"pages/documentation/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/index.html\",\n    \"revision\": \"6b234d790be663827758ebf645be5bda\"\n  },\n  {\n    \"url\": \"pages/documentation/view/CheckValidityBehavior.js\",\n    \"revision\": \"ab85e19fbf7c513b7d6bf2d2f756eff0\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.bundle.js\",\n    \"revision\": \"c5a33d5f409e321ae6595c2890e17c5a\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.html\",\n    \"revision\": \"2c96192698876c40f92762ad49ab0f3a\"\n  },\n  {\n    \"url\": \"pages/documentation/view/ViewSwitchBehavior.js\",\n    \"revision\": \"6568e13a81727f9347b65a41952a3b84\"\n  },\n  {\n    \"url\": \"playground/index.bundle.ext.js\",\n    \"revision\": \"8d71385458c300f2c7847c2de85d29c1\"\n  },\n  {\n    \"url\": \"playground/index.bundle.js\",\n    \"revision\": \"ab4b4e85e62fedd1c16196fc6893aed3\"\n  },\n  {\n    \"url\": \"playground/index.html\",\n    \"revision\": \"38d46940ede731809f953939450d9492\"\n  },\n  {\n    \"url\": \"search-index.json\",\n    \"revision\": \"0cdad838d25948096a0b7d8034d09575\"\n  },\n  {\n    \"url\": \"search-list.json\",\n    \"revision\": \"60ab2e2d0bbdae780abd00585b601f4e\"\n  },\n  {\n    \"url\": \"search/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"search/index.bundle.js\",\n    \"revision\": \"3cc60cfceb53d65f250c31efd348a7d0\"\n  },\n  {\n    \"url\": \"search/index.html\",\n    \"revision\": \"ebebe0fd13a6f2bc52bd8ede2606aed7\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_1.png\",\n    \"revision\": \"f13e634f4f4767f426a791ddf85ba9b0\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_2.png\",\n    \"revision\": \"a40e24033ce25edb5169d5f50a1783d7\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_3.png\",\n    \"revision\": \"9325671498a60f3e05c6bfdcb6001bac\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_1.png\",\n    \"revision\": \"ffd9b2ce17eb5cf4b6e0c2e88128e7bc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_2.png\",\n    \"revision\": \"c0aa4864727b53a82614fb098c286bca\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_3.png\",\n    \"revision\": \"45b8f2b32fa463cbbf478693354bb676\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_4.png\",\n    \"revision\": \"5175980071714ec946d815b4180b23bc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_3_1.png\",\n    \"revision\": \"0b58afb90669a0c00dd796f64872b141\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_3_2.png\",\n    \"revision\": \"6f21a396f2c8b7f3a5a884dc9a8932c0\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_00.png\",\n    \"revision\": \"1a565667c6cf7310db22762e8385f396\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_01.png\",\n    \"revision\": \"8b86e5f8249828163a0d7e9f6d315dce\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_02.png\",\n    \"revision\": \"8a011d6e36c3b968241ac4331cd03aad\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_03.png\",\n    \"revision\": \"57f804786860e3d1166d0905651efed2\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_2.jpg\",\n    \"revision\": \"36c8155fd8a8504c3c49aecc3a2f1426\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_3.jpg\",\n    \"revision\": \"018aa09363578ced3cac25fc174e2d97\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_4.jpg\",\n    \"revision\": \"17458ae6c0f602d385272776d07e2b79\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover.jpg\",\n    \"revision\": \"056b0eb64ac30441bd6aca8e3798286b\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_placeholder.jpg\",\n    \"revision\": \"d4969877fffc05adb98477330588dfb4\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/cover_javascript.jpg\",\n    \"revision\": \"210c83cdaafae6be05c8fbb4cb4accc3\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/cover_recipes.jpg\",\n    \"revision\": \"6b19a1781bc4e0ca2d71e843ec7ad38e\"\n  },\n  {\n    \"url\": \"images/examples/clock.png\",\n    \"revision\": \"ed8359352f4562f7b229ccc5e544fa4e\"\n  },\n  {\n    \"url\": \"images/github-mark-light.png\",\n    \"revision\": \"eb94bb97c3410733ce017b184d314723\"\n  },\n  {\n    \"url\": \"images/github-mark.png\",\n    \"revision\": \"add1026fb07009c6879400cbcf145301\"\n  },\n  {\n    \"url\": \"images/icons/desktop/android-chrome-192x192.png\",\n    \"revision\": \"93d5e77e9ee1e9c6975f3c0bd1a21574\"\n  },\n  {\n    \"url\": \"images/icons/desktop/android-chrome-512x512.png\",\n    \"revision\": \"6df83c6c13be17a2ea70d29e340c5ddb\"\n  },\n  {\n    \"url\": \"images/icons/desktop/apple-touch-icon.png\",\n    \"revision\": \"2b78ed332644d19d9779c069c5842538\"\n  },\n  {\n    \"url\": \"images/icons/desktop/favicon-16x16.png\",\n    \"revision\": \"6c047cdbd3d5c4c962a3a692a5025d27\"\n  },\n  {\n    \"url\": \"images/icons/desktop/favicon-32x32.png\",\n    \"revision\": \"7413528d5e59c22af1ccf38187bc950b\"\n  },\n  {\n    \"url\": \"images/icons/desktop/mstile-150x150.png\",\n    \"revision\": \"540caa78f56655281b2d4b17ad52f2ce\"\n  },\n  {\n    \"url\": \"images/icons/desktop/safari-pinned-tab.svg\",\n    \"revision\": \"a0ab2c612c6a5019b3e4ae7c38043b98\"\n  },\n  {\n    \"url\": \"images/icons/icon-128x128.png\",\n    \"revision\": \"69f3f1f3f956bb71f35ce66b7717e1a0\"\n  },\n  {\n    \"url\": \"images/icons/icon-144x144.png\",\n    \"revision\": \"45e24db8671c41ca95c440df0cadf2a3\"\n  },\n  {\n    \"url\": \"images/icons/icon-152x152.png\",\n    \"revision\": \"e0867fd6e9bc25afd831b1eabdd83f8d\"\n  },\n  {\n    \"url\": \"images/icons/icon-192x192.png\",\n    \"revision\": \"cf383c3d4500d31884326cc9d53a8c3a\"\n  },\n  {\n    \"url\": \"images/icons/icon-384x384.png\",\n    \"revision\": \"31fd304cf6c5ff72928b7a91fbd68343\"\n  },\n  {\n    \"url\": \"images/icons/icon-512x512.png\",\n    \"revision\": \"47d9af0508ab29138dcb8ca6a4664cf2\"\n  },\n  {\n    \"url\": \"images/icons/icon-72x72.png\",\n    \"revision\": \"919cb6b3e8a1b5d0c963921dba0e4388\"\n  },\n  {\n    \"url\": \"images/icons/icon-96x96.png\",\n    \"revision\": \"5547ad1a33334c0f5c04f6de1f6d2c52\"\n  },\n  {\n    \"url\": \"images/patreon.png\",\n    \"revision\": \"138534b06fe107c864e576d63273cf75\"\n  },\n  {\n    \"url\": \"images/profile-icon.png\",\n    \"revision\": \"b4e6fa3d09388123298958c47aeb13ca\"\n  },\n  {\n    \"url\": \"images/rss-feed.png\",\n    \"revision\": \"fa5663a3878814bb9820de6b29005169\"\n  },\n  {\n    \"url\": \"images/zuix-logo.svg\",\n    \"revision\": \"48e6defd57440a6d0f0d12241ff9d6c5\"\n  }\n], {});\n\n\n\n\nworkbox_routing_registerRoute(/\\.(?:png|jpg|jpeg|svg)$/, new workbox_strategies_CacheFirst({ \"cacheName\":\"images\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 50 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:html|json|js|css)$/, new workbox_strategies_CacheFirst({ \"cacheName\":\"default\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 50 })] }), 'GET');\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_routing_registerRoute","workbox_strategies_CacheFirst","cacheName","plugins","workbox_expiration_ExpirationPlugin","maxEntries"],"mappings":"0nBAsBAA,KAAKC,iBAAiB,WAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,aACN,IAWHC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,wCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,oCACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,kCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,mCACKC,SAAA,oCAEd,CACED,IAAO,YACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,oCACKC,SAAA,oCAEd,CACED,IAAO,wCACKC,SAAA,oCAEd,CACED,IAAO,gBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,aACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,wBACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,kBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,kBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,gBACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,mDACKC,SAAA,oCAEd,CACED,IAAO,8DACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,2DACKC,SAAA,oCAEd,CACED,IAAO,8CACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,kEACKC,SAAA,oCAEd,CACED,IAAO,8DACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,wEACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,+DACKC,SAAA,oCAEd,CACED,IAAO,4EACKC,SAAA,oCAEd,CACED,IAAO,wEACKC,SAAA,oCAEd,CACED,IAAO,mEACKC,SAAA,oCAEd,CACED,IAAO,0EACKC,SAAA,oCAEd,CACED,IAAO,sEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,2DACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,qEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,sEACKC,SAAA,oCAEd,CACED,IAAO,kEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,+CACKC,SAAA,oCAEd,CACED,IAAO,8CACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,2CACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,sDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,sDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,+CACKC,SAAA,oCAEd,CACED,IAAO,2CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,wBACKC,SAAA,oCAEd,CACED,IAAO,oBACKC,SAAA,oCAEd,CACED,IAAO,mBACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,oBACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,yCACKC,SAAA,oCAEd,CACED,IAAO,yCACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,6CACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,qBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,uBACKC,SAAA,qCAEb,CAjxBgC,GAsxBnCC,EAAAA,cAA8B,0BAA2B,IAAIC,aAA8B,CAAEC,UAAY,SAAUC,QAAS,CAAC,IAAIC,mBAAoC,CAAEC,WAAY,QAAW,OAC9LL,EAAAA,cAA8B,0BAA2B,IAAIC,aAA8B,CAAEC,UAAY,UAAWC,QAAS,CAAC,IAAIC,mBAAoC,CAAEC,WAAY,QAAW"}
\ No newline at end of file
+{"version":3,"file":"service-worker.js","sources":["../../../../../tmp/0898eb6be835925a4db13626371125cc/service-worker.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-routing/registerRoute.mjs';\nimport {ExpirationPlugin as workbox_expiration_ExpirationPlugin} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-expiration/ExpirationPlugin.mjs';\nimport {CacheFirst as workbox_strategies_CacheFirst} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-strategies/CacheFirst.mjs';\nimport {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/gene/Scrivania/work/zuixjs.org/node_modules/workbox-precaching/precacheAndRoute.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\n\n\n\n\nself.addEventListener('message', (event) => {\n  if (event.data && event.data.type === 'SKIP_WAITING') {\n    self.skipWaiting();\n  }\n});\n\n\n\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_1.html\",\n    \"revision\": \"7bdba3c49c7bb2e4cc412e7791c6e771\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_2.html\",\n    \"revision\": \"ccfe438dd4542451bcdabf93ec332847\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/ch_3.html\",\n    \"revision\": \"eb43ef576cd0d1c6a85e2413870f34dc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/links.css\",\n    \"revision\": \"300f68df4ae2415d93a52a566b256dbf\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/links.html\",\n    \"revision\": \"cbd247603f5f438b7c760f4fdc77cf50\"\n  },\n  {\n    \"url\": \"app/controllers/component-test.es5.js\",\n    \"revision\": \"4315ce75c388c30d6e5b42520e5eb6eb\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.css\",\n    \"revision\": \"d9d625f90e36313e16428a7f182dbedb\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.html\",\n    \"revision\": \"68a64fc6d107c1ce892ec39a4a079768\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-01.js\",\n    \"revision\": \"3bda6a343eb5a68b88ced3007b4a0072\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.css\",\n    \"revision\": \"c3c565061953830904559b9616dea61c\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.html\",\n    \"revision\": \"38be43f8d48cbf1dc9cb31300c343ae9\"\n  },\n  {\n    \"url\": \"app/examples/custom-elements-02.js\",\n    \"revision\": \"f15a071167478bcdba0420f3f789edf7\"\n  },\n  {\n    \"url\": \"app/examples/default-component.css\",\n    \"revision\": \"fab25e621a552f6009b17f494305f723\"\n  },\n  {\n    \"url\": \"app/examples/default-component.html\",\n    \"revision\": \"aa5ff0eb86ede6142c6a4f4933a928f8\"\n  },\n  {\n    \"url\": \"app/examples/default-component.js\",\n    \"revision\": \"4bd425e89334935df53a1789a4dd6e78\"\n  },\n  {\n    \"url\": \"app/examples/new-component.css\",\n    \"revision\": \"2cc0fbc0683255a885678944443c7485\"\n  },\n  {\n    \"url\": \"app/examples/new-component.html\",\n    \"revision\": \"613d5e1a637a85199e1fef8017b38ca9\"\n  },\n  {\n    \"url\": \"app/examples/new-component.js\",\n    \"revision\": \"f99ff997e1d113ca735299fb5f936553\"\n  },\n  {\n    \"url\": \"app/templates/mdl_card.css\",\n    \"revision\": \"9009c7bca80ac31a896cc73e888cc929\"\n  },\n  {\n    \"url\": \"app/templates/mdl_card.html\",\n    \"revision\": \"8f4162c548d4eb34d2e592c499f31aa0\"\n  },\n  {\n    \"url\": \"app/templates/mdl-card.css\",\n    \"revision\": \"9009c7bca80ac31a896cc73e888cc929\"\n  },\n  {\n    \"url\": \"app/templates/mdl-card.html\",\n    \"revision\": \"8f4162c548d4eb34d2e592c499f31aa0\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.css\",\n    \"revision\": \"c14d980e48af8e7dca858e1c80461ce9\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.html\",\n    \"revision\": \"705d36dcc9859aea3435e71ee51faa9c\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.js\",\n    \"revision\": \"31f7d503d0db768a3e9d5a1665776365\"\n  },\n  {\n    \"url\": \"app/widgets/analog-clock.module.js\",\n    \"revision\": \"1168ab2dc46350ed095029f98eca8f57\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.css\",\n    \"revision\": \"187e7e955c1e4009eb97f280ce082bcc\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.html\",\n    \"revision\": \"921217aece98231bb9b573093065faa2\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.js\",\n    \"revision\": \"6a322e9270fdf2173ee183543e8d9ada\"\n  },\n  {\n    \"url\": \"app/widgets/time-clock.module.js\",\n    \"revision\": \"f03d6989378cc1de623d27e6ce885f6e\"\n  },\n  {\n    \"url\": \"config.js\",\n    \"revision\": \"757128de230f7e6b3c6e6fcb1b008786\"\n  },\n  {\n    \"url\": \"css/animate.min.css\",\n    \"revision\": \"c0be8e53226ac34833fd9b5dbc01ebc5\"\n  },\n  {\n    \"url\": \"css/fla/flex-layout-attribute.css\",\n    \"revision\": \"c9bc58fccb5b4c9d1d7a6e76edddffa7\"\n  },\n  {\n    \"url\": \"css/fla/flex-layout-attribute.min.css\",\n    \"revision\": \"c55488315343d9afb4d13ebf9cc8f97b\"\n  },\n  {\n    \"url\": \"css/prism.css\",\n    \"revision\": \"8957823dd78e6a4fb2110dd7e605029a\"\n  },\n  {\n    \"url\": \"index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"index.html\",\n    \"revision\": \"395e17d04fba45e04d888ea90c97d20a\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.common.js\",\n    \"revision\": \"ab3ef0028c8992d0098b5b836874291a\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.esm.js\",\n    \"revision\": \"0cd240af452625e49deed3ee2445aba6\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.esm.min.js\",\n    \"revision\": \"f79f602fa4572cd580786923ce942b6c\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.js\",\n    \"revision\": \"6c4923a67225dd64e42600c578d8ff0f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.basic.min.js\",\n    \"revision\": \"62465d50492b6d1bfbbd0e5f9a09b222\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.common.js\",\n    \"revision\": \"ddbe097989e19bf1872f533cbc363f1b\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.esm.js\",\n    \"revision\": \"82bbf2ed8ece715c58afe6c75977795f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.esm.min.js\",\n    \"revision\": \"589223b029350d512db61a8f323ce0fe\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.js\",\n    \"revision\": \"7e19f88c4b2a7c038943bf3b4a17986f\"\n  },\n  {\n    \"url\": \"js/fuse/fuse.min.js\",\n    \"revision\": \"de7d60e4a6881074275feca14b84a49d\"\n  },\n  {\n    \"url\": \"js/mdl/material.custom-theme.min.css\",\n    \"revision\": \"28d330007c57b55ad14e78a2dd4c917d\"\n  },\n  {\n    \"url\": \"js/mdl/material.min.css\",\n    \"revision\": \"9ab85b48144d24908b4e455c2afb648c\"\n  },\n  {\n    \"url\": \"js/mdl/material.min.js\",\n    \"revision\": \"8dbb84e1d015cd5c2f5be1064eb924b3\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.js\",\n    \"revision\": \"fe785a58a595ca9fe99c820ba9b4378a\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.min.js\",\n    \"revision\": \"5f7de14fd0dccf940a7d380274ca2a92\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.module.js\",\n    \"revision\": \"b4582edfe5e0430be498cab361d5443c\"\n  },\n  {\n    \"url\": \"js/zuix/zuix-bundler.module.min.js\",\n    \"revision\": \"926edd0cc4eeb749dc1b3ff2b65f189c\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.js\",\n    \"revision\": \"be93587fbb672dc6d3214748f1ef521b\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.min.js\",\n    \"revision\": \"303ac523b8843fe147d8d2bca258d33d\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.module.js\",\n    \"revision\": \"4d242f79a9ce654c52410a36a92fc0d8\"\n  },\n  {\n    \"url\": \"js/zuix/zuix.module.min.js\",\n    \"revision\": \"ee737140158ac05be4d4969b7451a3fa\"\n  },\n  {\n    \"url\": \"js/zuix/zx-context.module.js\",\n    \"revision\": \"8d5f2cabaa0dd997e0493f1d475daa9a\"\n  },\n  {\n    \"url\": \"manifest.json\",\n    \"revision\": \"62a5b876bebcc21a7bccd711f8fc6063\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/about/index.html\",\n    \"revision\": \"c1cf8537588b46b45c2af871e4e66cdf\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.bundle.js\",\n    \"revision\": \"f09c0a39553268d570e94cda1724b344\"\n  },\n  {\n    \"url\": \"pages/documentation/active_refresh/index.html\",\n    \"revision\": \"99338ce8ceeef8e32df171f7f1f2db8c\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Logger/index.html\",\n    \"revision\": \"fa966e386dbf4db0ea28d0cbe87bb371\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/TaskQueue/index.html\",\n    \"revision\": \"f645b6328612a34f31662aa160e48b6e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils_dom/index.html\",\n    \"revision\": \"789c288f909b9f5dd1af9a1a812d067b\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils.dom/index.html\",\n    \"revision\": \"c0e4f94f5e6979d992761bf72434de92\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/Utils/index.html\",\n    \"revision\": \"150cde493117d1b34d6b043c98af1826\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQuery/index.html\",\n    \"revision\": \"ba887cf62bc26bd91852f6e26e33ab71\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/helpers/ZxQueryStatic/index.html\",\n    \"revision\": \"3e4b96aebf7ab5cf416d80ebdaf7d0fb\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/index.html\",\n    \"revision\": \"cf740b3b9129a45527c09f98225ca1aa\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/localizer/Localizer/index.html\",\n    \"revision\": \"756e631545cb3e6cfb7b215ae5d58c37\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObjectObserver/index.html\",\n    \"revision\": \"defa79ba04ce7788e09fa877c12a88c3\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableListener/index.html\",\n    \"revision\": \"72bf033c2e2a937090f27ff6924949f8\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/observable/ObservableObject/index.html\",\n    \"revision\": \"3f8cc77bc1825f8d9614298b9f7ad26f\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ActiveRefresh/index.html\",\n    \"revision\": \"7192d4145ddeda2bb7e00511afd83964\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ComponentContext/index.html\",\n    \"revision\": \"53813b5896d15ce84114bdf3883d14b2\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Componentizer/index.html\",\n    \"revision\": \"4fad0401b53d85fe18223e0c839487ed\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ContextController/index.html\",\n    \"revision\": \"1dfb41ceb5b4eb2903913b0f98a5ac3e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ControllerInstance/index.html\",\n    \"revision\": \"f6371b0c7abf9abd812c59b710664c0e\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/ViewObserver/index.html\",\n    \"revision\": \"b83fc6062844495190f4def7803ec453\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.bundle.js\",\n    \"revision\": \"86f465142a769643bf2fce5dc262844c\"\n  },\n  {\n    \"url\": \"pages/documentation/api/zuix/Zuix/index.html\",\n    \"revision\": \"5fdb85e68ca81e94e7865ba30d41d2a9\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/cli/index.html\",\n    \"revision\": \"496b82bf12318a2ecfdfca4bf1a322e0\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.bundle.js\",\n    \"revision\": \"929f41655269f55d4e29a581f54868c5\"\n  },\n  {\n    \"url\": \"pages/documentation/component/index.html\",\n    \"revision\": \"228dbb9f5288bd43cb567db008673171\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.bundle.js\",\n    \"revision\": \"5fa352daefdd95d423f13eb29090559d\"\n  },\n  {\n    \"url\": \"pages/documentation/context_options/index.html\",\n    \"revision\": \"0961f4280dac52058da5ccbb4c99e309\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.bundle.js\",\n    \"revision\": \"ceeb3f27d3ee82b67d63a27b20c3e9a3\"\n  },\n  {\n    \"url\": \"pages/documentation/controller/index.html\",\n    \"revision\": \"7c916551a865f60d8daf735d3998593e\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/getting_started/index.html\",\n    \"revision\": \"8fdcf7778795adb58029f41af3ace420\"\n  },\n  {\n    \"url\": \"pages/documentation/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/index.bundle.js\",\n    \"revision\": \"c077959ab48c60a9daa8a391bcd70afd\"\n  },\n  {\n    \"url\": \"pages/documentation/index.html\",\n    \"revision\": \"6b234d790be663827758ebf645be5bda\"\n  },\n  {\n    \"url\": \"pages/documentation/view/CheckValidityBehavior.js\",\n    \"revision\": \"ab85e19fbf7c513b7d6bf2d2f756eff0\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.bundle.js\",\n    \"revision\": \"c5a33d5f409e321ae6595c2890e17c5a\"\n  },\n  {\n    \"url\": \"pages/documentation/view/index.html\",\n    \"revision\": \"2c96192698876c40f92762ad49ab0f3a\"\n  },\n  {\n    \"url\": \"pages/documentation/view/ViewSwitchBehavior.js\",\n    \"revision\": \"6568e13a81727f9347b65a41952a3b84\"\n  },\n  {\n    \"url\": \"playground/index.bundle.ext.js\",\n    \"revision\": \"8d71385458c300f2c7847c2de85d29c1\"\n  },\n  {\n    \"url\": \"playground/index.bundle.js\",\n    \"revision\": \"ab4b4e85e62fedd1c16196fc6893aed3\"\n  },\n  {\n    \"url\": \"playground/index.html\",\n    \"revision\": \"38d46940ede731809f953939450d9492\"\n  },\n  {\n    \"url\": \"search-index.json\",\n    \"revision\": \"42aa1cd5ce716dc466754f805d4f4e00\"\n  },\n  {\n    \"url\": \"search-list.json\",\n    \"revision\": \"8244e2badcec2f4ad2d420be91a887dd\"\n  },\n  {\n    \"url\": \"search/index.bundle.ext.js\",\n    \"revision\": \"1dc48636135106d840ca00bc3d7b9329\"\n  },\n  {\n    \"url\": \"search/index.bundle.js\",\n    \"revision\": \"3cc60cfceb53d65f250c31efd348a7d0\"\n  },\n  {\n    \"url\": \"search/index.html\",\n    \"revision\": \"ebebe0fd13a6f2bc52bd8ede2606aed7\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_1.png\",\n    \"revision\": \"f13e634f4f4767f426a791ddf85ba9b0\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_2.png\",\n    \"revision\": \"a40e24033ce25edb5169d5f50a1783d7\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_1_3.png\",\n    \"revision\": \"9325671498a60f3e05c6bfdcb6001bac\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_1.png\",\n    \"revision\": \"ffd9b2ce17eb5cf4b6e0c2e88128e7bc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_2.png\",\n    \"revision\": \"c0aa4864727b53a82614fb098c286bca\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_3.png\",\n    \"revision\": \"45b8f2b32fa463cbbf478693354bb676\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_2_4.png\",\n    \"revision\": \"5175980071714ec946d815b4180b23bc\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_3_1.png\",\n    \"revision\": \"0b58afb90669a0c00dd796f64872b141\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/alice/img/ch_3_2.png\",\n    \"revision\": \"6f21a396f2c8b7f3a5a884dc9a8932c0\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_00.png\",\n    \"revision\": \"1a565667c6cf7310db22762e8385f396\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_01.png\",\n    \"revision\": \"8b86e5f8249828163a0d7e9f6d315dce\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_02.png\",\n    \"revision\": \"8a011d6e36c3b968241ac4331cd03aad\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/avatar_03.png\",\n    \"revision\": \"57f804786860e3d1166d0905651efed2\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_2.jpg\",\n    \"revision\": \"36c8155fd8a8504c3c49aecc3a2f1426\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_3.jpg\",\n    \"revision\": \"018aa09363578ced3cac25fc174e2d97\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover_4.jpg\",\n    \"revision\": \"17458ae6c0f602d385272776d07e2b79\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_cover.jpg\",\n    \"revision\": \"056b0eb64ac30441bd6aca8e3798286b\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/card_placeholder.jpg\",\n    \"revision\": \"d4969877fffc05adb98477330588dfb4\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/cover_javascript.jpg\",\n    \"revision\": \"210c83cdaafae6be05c8fbb4cb4accc3\"\n  },\n  {\n    \"url\": \"app/content/docs/examples/images/cover_recipes.jpg\",\n    \"revision\": \"6b19a1781bc4e0ca2d71e843ec7ad38e\"\n  },\n  {\n    \"url\": \"images/examples/clock.png\",\n    \"revision\": \"ed8359352f4562f7b229ccc5e544fa4e\"\n  },\n  {\n    \"url\": \"images/github-mark-light.png\",\n    \"revision\": \"eb94bb97c3410733ce017b184d314723\"\n  },\n  {\n    \"url\": \"images/github-mark.png\",\n    \"revision\": \"add1026fb07009c6879400cbcf145301\"\n  },\n  {\n    \"url\": \"images/icons/desktop/android-chrome-192x192.png\",\n    \"revision\": \"93d5e77e9ee1e9c6975f3c0bd1a21574\"\n  },\n  {\n    \"url\": \"images/icons/desktop/android-chrome-512x512.png\",\n    \"revision\": \"6df83c6c13be17a2ea70d29e340c5ddb\"\n  },\n  {\n    \"url\": \"images/icons/desktop/apple-touch-icon.png\",\n    \"revision\": \"2b78ed332644d19d9779c069c5842538\"\n  },\n  {\n    \"url\": \"images/icons/desktop/favicon-16x16.png\",\n    \"revision\": \"6c047cdbd3d5c4c962a3a692a5025d27\"\n  },\n  {\n    \"url\": \"images/icons/desktop/favicon-32x32.png\",\n    \"revision\": \"7413528d5e59c22af1ccf38187bc950b\"\n  },\n  {\n    \"url\": \"images/icons/desktop/mstile-150x150.png\",\n    \"revision\": \"540caa78f56655281b2d4b17ad52f2ce\"\n  },\n  {\n    \"url\": \"images/icons/desktop/safari-pinned-tab.svg\",\n    \"revision\": \"a0ab2c612c6a5019b3e4ae7c38043b98\"\n  },\n  {\n    \"url\": \"images/icons/icon-128x128.png\",\n    \"revision\": \"69f3f1f3f956bb71f35ce66b7717e1a0\"\n  },\n  {\n    \"url\": \"images/icons/icon-144x144.png\",\n    \"revision\": \"45e24db8671c41ca95c440df0cadf2a3\"\n  },\n  {\n    \"url\": \"images/icons/icon-152x152.png\",\n    \"revision\": \"e0867fd6e9bc25afd831b1eabdd83f8d\"\n  },\n  {\n    \"url\": \"images/icons/icon-192x192.png\",\n    \"revision\": \"cf383c3d4500d31884326cc9d53a8c3a\"\n  },\n  {\n    \"url\": \"images/icons/icon-384x384.png\",\n    \"revision\": \"31fd304cf6c5ff72928b7a91fbd68343\"\n  },\n  {\n    \"url\": \"images/icons/icon-512x512.png\",\n    \"revision\": \"47d9af0508ab29138dcb8ca6a4664cf2\"\n  },\n  {\n    \"url\": \"images/icons/icon-72x72.png\",\n    \"revision\": \"919cb6b3e8a1b5d0c963921dba0e4388\"\n  },\n  {\n    \"url\": \"images/icons/icon-96x96.png\",\n    \"revision\": \"5547ad1a33334c0f5c04f6de1f6d2c52\"\n  },\n  {\n    \"url\": \"images/patreon.png\",\n    \"revision\": \"138534b06fe107c864e576d63273cf75\"\n  },\n  {\n    \"url\": \"images/profile-icon.png\",\n    \"revision\": \"b4e6fa3d09388123298958c47aeb13ca\"\n  },\n  {\n    \"url\": \"images/rss-feed.png\",\n    \"revision\": \"fa5663a3878814bb9820de6b29005169\"\n  },\n  {\n    \"url\": \"images/zuix-logo.svg\",\n    \"revision\": \"48e6defd57440a6d0f0d12241ff9d6c5\"\n  }\n], {});\n\n\n\n\nworkbox_routing_registerRoute(/\\.(?:png|jpg|jpeg|svg)$/, new workbox_strategies_CacheFirst({ \"cacheName\":\"images\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 50 })] }), 'GET');\nworkbox_routing_registerRoute(/\\.(?:html|json|js|css)$/, new workbox_strategies_CacheFirst({ \"cacheName\":\"default\", plugins: [new workbox_expiration_ExpirationPlugin({ maxEntries: 50 })] }), 'GET');\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_routing_registerRoute","workbox_strategies_CacheFirst","cacheName","plugins","workbox_expiration_ExpirationPlugin","maxEntries"],"mappings":"0nBAsBAA,KAAKC,iBAAiB,WAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,aACN,IAWHC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,wCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,oCACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,kCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,mCACKC,SAAA,oCAEd,CACED,IAAO,YACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,oCACKC,SAAA,oCAEd,CACED,IAAO,wCACKC,SAAA,oCAEd,CACED,IAAO,gBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,aACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,wBACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,kBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,kBACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,gBACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,uCACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,mDACKC,SAAA,oCAEd,CACED,IAAO,8DACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,2DACKC,SAAA,oCAEd,CACED,IAAO,8CACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,kEACKC,SAAA,oCAEd,CACED,IAAO,8DACKC,SAAA,oCAEd,CACED,IAAO,yDACKC,SAAA,oCAEd,CACED,IAAO,wEACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,+DACKC,SAAA,oCAEd,CACED,IAAO,4EACKC,SAAA,oCAEd,CACED,IAAO,wEACKC,SAAA,oCAEd,CACED,IAAO,mEACKC,SAAA,oCAEd,CACED,IAAO,0EACKC,SAAA,oCAEd,CACED,IAAO,sEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,oEACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,2DACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,qEACKC,SAAA,oCAEd,CACED,IAAO,iEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,sEACKC,SAAA,oCAEd,CACED,IAAO,kEACKC,SAAA,oCAEd,CACED,IAAO,6DACKC,SAAA,oCAEd,CACED,IAAO,gEACKC,SAAA,oCAEd,CACED,IAAO,4DACKC,SAAA,oCAEd,CACED,IAAO,uDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,+CACKC,SAAA,oCAEd,CACED,IAAO,8CACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,qCACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,gDACKC,SAAA,oCAEd,CACED,IAAO,2CACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,sDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,0DACKC,SAAA,oCAEd,CACED,IAAO,sDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,+CACKC,SAAA,oCAEd,CACED,IAAO,2CACKC,SAAA,oCAEd,CACED,IAAO,sCACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iCACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,wBACKC,SAAA,oCAEd,CACED,IAAO,oBACKC,SAAA,oCAEd,CACED,IAAO,mBACKC,SAAA,oCAEd,CACED,IAAO,6BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,oBACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,iDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,oDACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,wDACKC,SAAA,oCAEd,CACED,IAAO,qDACKC,SAAA,oCAEd,CACED,IAAO,4BACKC,SAAA,oCAEd,CACED,IAAO,+BACKC,SAAA,oCAEd,CACED,IAAO,yBACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,kDACKC,SAAA,oCAEd,CACED,IAAO,4CACKC,SAAA,oCAEd,CACED,IAAO,yCACKC,SAAA,oCAEd,CACED,IAAO,yCACKC,SAAA,oCAEd,CACED,IAAO,0CACKC,SAAA,oCAEd,CACED,IAAO,6CACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,gCACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,8BACKC,SAAA,oCAEd,CACED,IAAO,qBACKC,SAAA,oCAEd,CACED,IAAO,0BACKC,SAAA,oCAEd,CACED,IAAO,sBACKC,SAAA,oCAEd,CACED,IAAO,uBACKC,SAAA,qCAEb,CAjxBgC,GAsxBnCC,EAAAA,cAA8B,0BAA2B,IAAIC,aAA8B,CAAEC,UAAY,SAAUC,QAAS,CAAC,IAAIC,mBAAoC,CAAEC,WAAY,QAAW,OAC9LL,EAAAA,cAA8B,0BAA2B,IAAIC,aAA8B,CAAEC,UAAY,UAAWC,QAAS,CAAC,IAAIC,mBAAoC,CAAEC,WAAY,QAAW"}
\ No newline at end of file
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
index 1e2f6ea..e69ec59 100644
--- a/docs/sitemap.xml
+++ b/docs/sitemap.xml
@@ -77,10 +77,6 @@
     <loc>https://zuixjs.org/search/</loc>
     <lastmod>2023-05-23</lastmod>
   </url>
-  <url>
-    <loc>https://zuixjs.org/pages/documentation/getting_started/</loc>
-    <lastmod>2023-05-27</lastmod>
-  </url>
   <url>
     <loc>https://zuixjs.org/playground/</loc>
     <lastmod>2023-05-28</lastmod>
@@ -121,4 +117,8 @@
     <loc>https://zuixjs.org/pages/documentation/context_options/</loc>
     <lastmod>2023-06-01</lastmod>
   </url>
+  <url>
+    <loc>https://zuixjs.org/pages/documentation/getting_started/</loc>
+    <lastmod>2023-06-01</lastmod>
+  </url>
 </urlset>
diff --git a/source/pages/documentation/getting_started/index.md b/source/pages/documentation/getting_started/index.md
index c085c03..6b484d2 100644
--- a/source/pages/documentation/getting_started/index.md
+++ b/source/pages/documentation/getting_started/index.md
@@ -30,8 +30,7 @@ ready to use components directly in the browser!
 
 ## Bare library usage on an existing site
 
-*zuix.js* can also be used on an existing website project by including the library directly in the HTML page or a JavaScript
-module:
+As a regular script:
 
 ### JsDeliver
 
@@ -39,13 +38,13 @@ module:
 <script src="https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies['zuix-dist'] | remove_first: '^' }}"></script>
 ```
 
-or as a module:
+As a module:
 
 ```html
 <script type="module" src="https://cdn.jsdelivr.net/npm/zuix-dist@{{ pkg.dependencies['zuix-dist'] | remove_first: '^' }}/js/zuix.module.min.js"></script>
 ```
 
-or as a dependency of another module:
+As a dependency of another module:
 
 ```js
 // file: my-class.module.js