Bump to 0.17.0.

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 0.17.0
+- Make component methods available from template.
+
 # 0.16.2
 - Remove `visibility: hide` on first component render
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "dlite",
   "pkgName": "dlite",
-  "version": "0.16.2",
+  "version": "0.17.0",
   "author": "adamghill",
   "license": "MIT",
   "description": "A tiny, blazing fast view library that creates reactive Web Components.",

site/.buildinfo

@@ -1,4 +1,4 @@
 # Sphinx build info version 1
 # This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
-config: 323f39a55d244729c079325248e9952f
+config: cf62d7b69ac934add6b8ce056bf96f01
 tags: d77d1c0d9ca2f4c8421862c7c5a0d620

site/_static/documentation_options.js

@@ -1,6 +1,6 @@
 var DOCUMENTATION_OPTIONS = {
     URL_ROOT: document.getElementById("documentation_options").getAttribute('data-url_root'),
-    VERSION: '0.16.2',
+    VERSION: '0.17.0',
     LANGUAGE: 'en',
     COLLAPSE_INDEX: false,
     BUILDER: 'dirhtml',

site/components/binding/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="next" title="Directives" href="../directives/" /><link rel="prev" title="Template" href="../template/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Data Binding - dlite 0.16.2 documentation</title>
+        <title>Data Binding - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/configuration/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="next" title="Template" href="../template/" /><link rel="prev" title="Initialize" href="../" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Configuration - dlite 0.16.2 documentation</title>
+        <title>Configuration - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/directives/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="next" title="Events" href="../events/" /><link rel="prev" title="Data Binding" href="../binding/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Directives - dlite 0.16.2 documentation</title>
+        <title>Directives - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/events/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="next" title="Store" href="../store/" /><link rel="prev" title="Directives" href="../directives/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Events - dlite 0.16.2 documentation</title>
+        <title>Events - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../genindex/" /><link rel="search" title="Search" href="../search/" /><link rel="next" title="Configuration" href="configuration/" /><link rel="prev" title="Examples" href="../examples/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Initialize - dlite 0.16.2 documentation</title>
+        <title>Initialize - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/store/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="prev" title="Events" href="../events/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Store - dlite 0.16.2 documentation</title>
+        <title>Store - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/components/template/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../../genindex/" /><link rel="search" title="Search" href="../../search/" /><link rel="next" title="Data Binding" href="../binding/" /><link rel="prev" title="Configuration" href="../configuration/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Template - dlite 0.16.2 documentation</title>
+        <title>Template - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/examples/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../genindex/" /><link rel="search" title="Search" href="../search/" /><link rel="next" title="Initialize" href="../components/" /><link rel="prev" title="FAQ" href="../faq/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>Examples - dlite 0.16.2 documentation</title>
+        <title>Examples - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">

site/faq/index.html

@@ -6,7 +6,7 @@
 <link rel="index" title="Index" href="../genindex/" /><link rel="search" title="Search" href="../search/" /><link rel="next" title="Examples" href="../examples/" /><link rel="prev" title="Installation" href="../installation/" />
 
     <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 -->
-        <title>FAQ - dlite 0.16.2 documentation</title>
+        <title>FAQ - dlite 0.17.0 documentation</title>
       <link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css" />
@@ -124,7 +124,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -147,7 +147,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">
@@ -213,7 +213,11 @@
 <h1>FAQ<a class="headerlink" href="#faq" title="Permalink to this heading">#</a></h1>
 <section id="how-big-is-dlite">
 <h2>How big is <code class="docutils literal notranslate"><span class="pre">dlite</span></code>?<a class="headerlink" href="#how-big-is-dlite" title="Permalink to this heading">#</a></h2>
-<p><code class="docutils literal notranslate"><span class="pre">dlite</span></code> is <strong>~3.5kB</strong> when gzipped.</p>
+<p><code class="docutils literal notranslate"><span class="pre">dlite</span></code> is <strong>&lt;5 kB</strong> when gzipped.</p>
+</section>
+<section id="does-size-really-matter">
+<h2>Does size <em>really</em> matter?<a class="headerlink" href="#does-size-really-matter" title="Permalink to this heading">#</a></h2>
+<p>For JavaScript libraries, yes. The less JavaScript to download and parse, the faster your site will render. Ipso facto, your users will be happier and the world will be a better place.</p>
 </section>
 <section id="why-yet-another-javascript-library">
 <h2>Why yet another JavaScript library?<a class="headerlink" href="#why-yet-another-javascript-library" title="Permalink to this heading">#</a></h2>
@@ -233,10 +237,6 @@ <h2>Isn’t the DOM slow?<a class="headerlink" href="#isn-t-the-dom-slow" title=
 <p><a class="reference external" href="https://korynunn.wordpress.com/2013/03/19/the-dom-isnt-slow-you-are/">The DOM isn’t slow, you are</a> goes into more depth, although skip it if you do not want to read some spicy takes.</p>
 <p><code class="docutils literal notranslate"><span class="pre">dlite</span></code> uses <code class="docutils literal notranslate"><span class="pre">emerj</span></code> to modify the DOM and it has a section about performance in <a class="reference external" href="https://blog.brush.co.nz/2017/11/emerj-js-efficient-html-ui-in-60-lines">Emerj.js: efficient HTML UI in 60 lines</a>.</p>
 </section>
-<section id="does-size-really-matter">
-<h2>Does size <em>really</em> matter?<a class="headerlink" href="#does-size-really-matter" title="Permalink to this heading">#</a></h2>
-<p>For JavaScript libraries, yes. The less JavaScript to download and parse, the faster your site will render. Ipso facto, your users will be happier and the world will be a better place.</p>
-</section>
 <section id="who-created-this">
 <h2>Who created this?<a class="headerlink" href="#who-created-this" title="Permalink to this heading">#</a></h2>
 <p><a class="reference external" href="https://github.com/mardix">Mardix</a> created <a class="reference external" href="https://github.com/mardix/litedom">Litedom</a> although it hasn’t been updated since 2019. <a class="reference external" href="https://github.com/adamghill">adamghill</a> tried it out in 2023 and was so impressed by the approach he wanted to improve it. He decided to hard fork it, fix bugs, update the code, re-write the docs, and re-brand the library so that it can get more ❤️.</p>
@@ -300,10 +300,10 @@ <h2>Who created this?<a class="headerlink" href="#who-created-this" title="Perma
             <ul>
 <li><a class="reference internal" href="#">FAQ</a><ul>
 <li><a class="reference internal" href="#how-big-is-dlite">How big is <code class="docutils literal notranslate"><span class="pre">dlite</span></code>?</a></li>
+<li><a class="reference internal" href="#does-size-really-matter">Does size <em>really</em> matter?</a></li>
 <li><a class="reference internal" href="#why-yet-another-javascript-library">Why yet another JavaScript library?</a></li>
 <li><a class="reference internal" href="#does-it-replace-react-vue-etc">Does it replace React, Vue etc?</a></li>
 <li><a class="reference internal" href="#isn-t-the-dom-slow">Isn’t the DOM slow?</a></li>
-<li><a class="reference internal" href="#does-size-really-matter">Does size <em>really</em> matter?</a></li>
 <li><a class="reference internal" href="#who-created-this">Who created this?</a></li>
 </ul>
 </li>

site/genindex/index.html

@@ -4,7 +4,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1"/>
     <meta name="color-scheme" content="light dark"><link rel="index" title="Index" href="#" /><link rel="search" title="Search" href="../search/" />
 
-    <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 --><title>Index - dlite 0.16.2 documentation</title>
+    <!-- Generated with Sphinx 5.3.0 and Furo 2022.12.07 --><title>Index - dlite 0.17.0 documentation</title>
 <link rel="stylesheet" type="text/css" href="../_static/pygments.css" />
     <link rel="stylesheet" type="text/css" href="../_static/styles/furo.css?digest=91d0f0d1c444bdcb17a68e833c7a53903343c195" />
     <link rel="stylesheet" type="text/css" href="../_static/copybutton.css" />
@@ -122,7 +122,7 @@
       </label>
     </div>
     <div class="header-center">
-      <a href="../"><div class="brand">dlite 0.16.2 documentation</div></a>
+      <a href="../"><div class="brand">dlite 0.17.0 documentation</div></a>
     </div>
     <div class="header-right">
       <div class="theme-toggle-container theme-toggle-header">
@@ -145,7 +145,7 @@
       <div class="sidebar-sticky"><a class="sidebar-brand" href="../">
 
 
-  <span class="sidebar-brand-text">dlite 0.16.2 documentation</span>
+  <span class="sidebar-brand-text">dlite 0.17.0 documentation</span>
 
 </a><form class="sidebar-search-container" method="get" action="../search/" role="search">
   <input class="sidebar-search" placeholder="Search" name="q" aria-label="Search">