@ulu/frontend 0.1.0-beta.32 → 0.1.0-beta.34

package/docs-dev/javascript/ui-proxy-click/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -5046,11 +5076,23 @@
 <div class="toc">
                 <ol>
                     
+                    <li><a href="#ui%2Fproxy-click.initializer">ui/proxy-click.initializer</a>
+            		</li>
+
+                    <li><a href="#ui%2Fproxy-click.defaults">ui/proxy-click.defaults</a>
+            		</li>
+
                     <li><a href="#ui%2Fproxy-click.setdefaults(options)">ui/proxy-click.setDefaults(options)</a>
             		</li>
 
                     <li><a href="#ui%2Fproxy-click.init()">ui/proxy-click.init()</a>
             		</li>
+
+                    <li><a href="#ui%2Fproxy-click.setupproxy(proxy%2C-useroptions)">ui/proxy-click.setupProxy(proxy, userOptions)</a>
+            		</li>
+
+                    <li><a href="#ui%2Fproxy-click.attachhandlers(proxy%2C-child%2C-config)">ui/proxy-click.attachHandlers(proxy, child, config)</a>
+            		</li>
                 </ol>
             </div>
 			</div>
@@ -5064,15 +5106,33 @@
     <div class="wysiwyg">
       <p><a name="module_ui/proxy-click"></a></p>
 <h1 id="ui%2Fproxy-click" tabindex="-1">ui/proxy-click</h1>
+<p>Used for cards and things that look like they should be clickable
+even though the link in their content is the only clickable element. This way
+the entire cards content doesn't need to be in a link (which isn't accessible).</p>
+<p>The script allows only for clicks with a duration of 250ms to avoid conflict
+with a user selecting text. Works with either links or buttons because it just
+uses the elements .click(). Uses data-attributes for selection by default.</p>
 <ul>
 <li><a href="#module_ui/proxy-click">ui/proxy-click</a>
 <ul>
+<li><a href="#module_ui/proxy-click.initializer">.initializer</a></li>
+<li><a href="#module_ui/proxy-click.defaults">.defaults</a></li>
 <li><a href="#module_ui/proxy-click.setDefaults">.setDefaults(options)</a></li>
 <li><a href="#module_ui/proxy-click.init">.init()</a></li>
+<li><a href="#module_ui/proxy-click.setupProxy">.setupProxy(proxy, userOptions)</a></li>
+<li><a href="#module_ui/proxy-click.attachHandlers">.attachHandlers(proxy, child, config)</a></li>
 </ul>
 </li>
 </ul>
-<p><a name="module_ui/proxy-click.setDefaults"></a></p>
+<p><a name="module_ui/proxy-click.initializer"></a></p>
+<h2 id="ui%2Fproxy-click.initializer" tabindex="-1">ui/proxy-click.initializer</h2>
+<p>Proxy Click Component Initializer</p>
+<p><strong>Kind</strong>: static constant of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a><br>
+<a name="module_ui/proxy-click.defaults"></a></p>
+<h2 id="ui%2Fproxy-click.defaults" tabindex="-1">ui/proxy-click.defaults</h2>
+<p>Default options</p>
+<p><strong>Kind</strong>: static constant of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a><br>
+<a name="module_ui/proxy-click.setDefaults"></a></p>
 <h2 id="ui%2Fproxy-click.setdefaults(options)" tabindex="-1">ui/proxy-click.setDefaults(options)</h2>
 <p><strong>Kind</strong>: static method of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a></p>
 <table>
@@ -5087,7 +5147,7 @@
 <tr>
 <td>options</td>
 <td><code>Object</code></td>
-<td>Change options used as default for dialogs, can then be overriden by data attribute settings on element</td>
+<td>Change options used as default for dialogs, can then be overridden by data attribute settings on element</td>
 </tr>
 </tbody>
 </table>
@@ -5097,7 +5157,62 @@
 <ul>
 <li>This will only initialize elements once, it is safe to call on page changes</li>
 </ul>
+<p><strong>Kind</strong>: static method of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a><br>
+<a name="module_ui/proxy-click.setupProxy"></a></p>
+<h2 id="ui%2Fproxy-click.setupproxy(proxy%2C-useroptions)" tabindex="-1">ui/proxy-click.setupProxy(proxy, userOptions)</h2>
+<p>Setup a single proxy click</p>
 <p><strong>Kind</strong>: static method of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a></p>
+<table>
+<thead>
+<tr>
+<th>Param</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>proxy</td>
+<td><code>Node</code></td>
+<td>The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])</td>
+</tr>
+<tr>
+<td>userOptions</td>
+<td><code>Object</code></td>
+<td>Options to override defaults</td>
+</tr>
+</tbody>
+</table>
+<p><a name="module_ui/proxy-click.attachHandlers"></a></p>
+<h2 id="ui%2Fproxy-click.attachhandlers(proxy%2C-child%2C-config)" tabindex="-1">ui/proxy-click.attachHandlers(proxy, child, config)</h2>
+<p>Main function for attaching behaviors that enable proxy click</p>
+<p><strong>Kind</strong>: static method of <a href="#module_ui/proxy-click"><code>ui/proxy-click</code></a></p>
+<table>
+<thead>
+<tr>
+<th>Param</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>proxy</td>
+<td><code>Node</code></td>
+<td>The container who's click should proxy the click of inner element with options.selector (defaults to [data-ulu-proxy-click-source])</td>
+</tr>
+<tr>
+<td>child</td>
+<td><code>Node</code></td>
+<td>The element who is being proxied and will get clicked if the proxy is clicked (as long as not an interactive element within proxy)</td>
+</tr>
+<tr>
+<td>config</td>
+<td><code>Object</code></td>
+<td>Merged/final options object</td>
+</tr>
+</tbody>
+</table>
 
     </div>
   </div>

package/docs-dev/javascript/ui-resizer/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>

package/docs-dev/javascript/ui-scroll-slider/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -5046,11 +5076,14 @@
 <div class="toc">
                 <ol>
                     
-                    <li><a href="#ui%2Fscroll-slider.attrs">ui/scroll-slider.attrs</a>
+                    <li><a href="#ui%2Fscroll-slider.initializer">ui/scroll-slider.initializer</a>
             		</li>
 
                     <li><a href="#ui%2Fscroll-slider.init()">ui/scroll-slider.init()</a>
             		</li>
+
+                    <li><a href="#ui%2Fscroll-slider~setupslider(container)">ui/scroll-slider~setupSlider(container)</a>
+            		</li>
                 </ol>
             </div>
 			</div>
@@ -5067,14 +5100,23 @@
 <ul>
 <li><a href="#module_ui/scroll-slider">ui/scroll-slider</a>
 <ul>
-<li><a href="#module_ui/scroll-slider.attrs">.attrs</a></li>
+<li><em>static</em>
+<ul>
+<li><a href="#module_ui/scroll-slider.initializer">.initializer</a></li>
 <li><a href="#module_ui/scroll-slider.init">.init()</a></li>
 </ul>
 </li>
+<li><em>inner</em>
+<ul>
+<li><a href="#module_ui/scroll-slider..setupSlider">~setupSlider(container)</a></li>
+</ul>
+</li>
+</ul>
+</li>
 </ul>
-<p><a name="module_ui/scroll-slider.attrs"></a></p>
-<h2 id="ui%2Fscroll-slider.attrs" tabindex="-1">ui/scroll-slider.attrs</h2>
-<p>Default data attributes</p>
+<p><a name="module_ui/scroll-slider.initializer"></a></p>
+<h2 id="ui%2Fscroll-slider.initializer" tabindex="-1">ui/scroll-slider.initializer</h2>
+<p>Scroll Slider Component Initializer</p>
 <p><strong>Kind</strong>: static constant of <a href="#module_ui/scroll-slider"><code>ui/scroll-slider</code></a><br>
 <a name="module_ui/scroll-slider.init"></a></p>
 <h2 id="ui%2Fscroll-slider.init()" tabindex="-1">ui/scroll-slider.init()</h2>
@@ -5082,7 +5124,27 @@
 <ul>
 <li>This will only initialize elements once, it is safe to call on page changes</li>
 </ul>
-<p><strong>Kind</strong>: static method of <a href="#module_ui/scroll-slider"><code>ui/scroll-slider</code></a></p>
+<p><strong>Kind</strong>: static method of <a href="#module_ui/scroll-slider"><code>ui/scroll-slider</code></a><br>
+<a name="module_ui/scroll-slider..setupSlider"></a></p>
+<h2 id="ui%2Fscroll-slider~setupslider(container)" tabindex="-1">ui/scroll-slider~setupSlider(container)</h2>
+<p>Setup instance of scroll slider based on data-attributes</p>
+<p><strong>Kind</strong>: inner method of <a href="#module_ui/scroll-slider"><code>ui/scroll-slider</code></a></p>
+<table>
+<thead>
+<tr>
+<th>Param</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>container</td>
+<td><code>Node</code></td>
+<td>The scroll slider container</td>
+</tr>
+</tbody>
+</table>
 
     </div>
   </div>

package/docs-dev/javascript/ui-scrollpoint/index.html

@@ -243,11 +243,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -258,11 +258,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -2527,6 +2527,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -2729,11 +2744,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
+        <a class="nav-tree__link  " href="/frontend/demos/card/">
           
     
     <span class="nav-tree__text">
-      Card Grid
+      Card
     </span>
   
         </a>
@@ -2744,11 +2759,11 @@
 
         <li class="nav-tree__item  ">
           
-        <a class="nav-tree__link  " href="/frontend/demos/card/">
+        <a class="nav-tree__link  " href="/frontend/demos/card-grid/">
           
     
     <span class="nav-tree__text">
-      Card New
+      Card Grid
     </span>
   
         </a>
@@ -5013,6 +5028,21 @@
           
         </li>
       
+
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-system/">
+          
+    
+    <span class="nav-tree__text">
+      utils/system
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
       </ul>
     
           </details>
@@ -5058,15 +5088,12 @@
                 </ol>
             		</li>
 
-                    <li><a href="#ui%2Fscrollpoint.attrs">ui/scrollpoint.attrs</a>
+                    <li><a href="#ui%2Fscrollpoint.initializer">ui/scrollpoint.initializer</a>
             		</li>
 
                     <li><a href="#ui%2Fscrollpoint.init()">ui/scrollpoint.init()</a>
             		</li>
 
-                    <li><a href="#ui%2Fscrollpoint.setup()">ui/scrollpoint.setup()</a>
-            		</li>
-
                     <li><a href="#ui%2Fscrollpoint~root">ui/scrollpoint~root</a>
             		</li>
 
@@ -5127,6 +5154,7 @@
     <div class="wysiwyg">
       <p><a name="module_ui/scrollpoint"></a></p>
 <h1 id="ui%2Fscrollpoint" tabindex="-1">ui/scrollpoint</h1>
+<p>Module that uses intersection observer to add scrollpoint like behavior.</p>
 <ul>
 <li><a href="#module_ui/scrollpoint">ui/scrollpoint</a>
 <ul>
@@ -5138,9 +5166,8 @@
 <li><a href="#module_ui/scrollpoint.Scrollpoint+onObserve">.onObserve()</a></li>
 </ul>
 </li>
-<li><a href="#module_ui/scrollpoint.attrs">.attrs</a></li>
+<li><a href="#module_ui/scrollpoint.initializer">.initializer</a></li>
 <li><a href="#module_ui/scrollpoint.init">.init()</a></li>
-<li><a href="#module_ui/scrollpoint.setup">.setup()</a></li>
 </ul>
 </li>
 <li><em>inner</em>
@@ -5222,9 +5249,9 @@
 <li>Should set the state</li>
 </ul>
 <p><strong>Kind</strong>: instance method of <a href="#module_ui/scrollpoint.Scrollpoint"><code>Scrollpoint</code></a><br>
-<a name="module_ui/scrollpoint.attrs"></a></p>
-<h2 id="ui%2Fscrollpoint.attrs" tabindex="-1">ui/scrollpoint.attrs</h2>
-<p>Default data attributes</p>
+<a name="module_ui/scrollpoint.initializer"></a></p>
+<h2 id="ui%2Fscrollpoint.initializer" tabindex="-1">ui/scrollpoint.initializer</h2>
+<p>Scrollpoint Component Initializer</p>
 <p><strong>Kind</strong>: static constant of <a href="#module_ui/scrollpoint"><code>ui/scrollpoint</code></a><br>
 <a name="module_ui/scrollpoint.init"></a></p>
 <h2 id="ui%2Fscrollpoint.init()" tabindex="-1">ui/scrollpoint.init()</h2>
@@ -5233,10 +5260,6 @@
 <li>This will only initialize elements once, it is safe to call on page changes</li>
 </ul>
 <p><strong>Kind</strong>: static method of <a href="#module_ui/scrollpoint"><code>ui/scrollpoint</code></a><br>
-<a name="module_ui/scrollpoint.setup"></a></p>
-<h2 id="ui%2Fscrollpoint.setup()" tabindex="-1">ui/scrollpoint.setup()</h2>
-<p>Setup all points and groups</p>
-<p><strong>Kind</strong>: static method of <a href="#module_ui/scrollpoint"><code>ui/scrollpoint</code></a><br>
 <a name="module_ui/scrollpoint..root"></a></p>
 <h2 id="ui%2Fscrollpoint~root" tabindex="-1">ui/scrollpoint~root</h2>
 <p>Default observer root element</p>