@ulu/frontend 0.1.0-beta.36 → 0.1.0-beta.38

package/docs-dev/javascript/settings/index.html

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5091,11 +5121,17 @@
                     <li><a href="#settings.updatesetting(key%2C-value)">settings.updateSetting(key, value)</a>
             		</li>
 
-                    <li><a href="#settings.wrapsettingstring(key)-%E2%87%92-object">settings.wrapSettingString(key) ⇒ object</a>
+                    <li><a href="#settings.wrapsettingstring(key%2C-transform)-%E2%87%92-object">settings.wrapSettingString(key, transform) ⇒ Object</a>
             		</li>
 
                     <li><a href="#settings.configureicons()">settings.configureIcons()</a>
             		</li>
+
+                    <li><a href="#settings~defaults-%3A-defaults">settings~defaults : Defaults</a>
+            		</li>
+
+                    <li><a href="#settings~defaults-%3A-object">settings~Defaults : object</a>
+            		</li>
                 </ol>
             </div>
 			</div>
@@ -5113,15 +5149,25 @@
 <ul>
 <li><a href="#module_settings">settings</a>
 <ul>
+<li><em>static</em>
+<ul>
 <li><a href="#module_settings.getDefaultSettings">.getDefaultSettings()</a> ⇒ <code>object</code></li>
 <li><a href="#module_settings.updateSettings">.updateSettings(changes)</a></li>
 <li><a href="#module_settings.getSettings">.getSettings()</a> ⇒ <code>object</code></li>
 <li><a href="#module_settings.getSetting">.getSetting(key)</a> ⇒ <code>*</code></li>
 <li><a href="#module_settings.updateSetting">.updateSetting(key, value)</a></li>
-<li><a href="#module_settings.wrapSettingString">.wrapSettingString(key)</a> ⇒ <code>object</code></li>
+<li><a href="#module_settings.wrapSettingString">.wrapSettingString(key, transform)</a> ⇒ <code>Object</code></li>
 <li><a href="#module_settings.configureIcons">.configureIcons()</a></li>
 </ul>
 </li>
+<li><em>inner</em>
+<ul>
+<li><a href="#module_settings..defaults">~defaults</a> : <code>Defaults</code></li>
+<li><a href="#module_settings..Defaults">~Defaults</a> : <code>object</code></li>
+</ul>
+</li>
+</ul>
+</li>
 </ul>
 <p><a name="module_settings.getDefaultSettings"></a></p>
 <h2 id="settings.getdefaultsettings()-%E2%87%92-object" tabindex="-1">settings.getDefaultSettings() ⇒ <code>object</code></h2>
@@ -5200,13 +5246,14 @@
 </tbody>
 </table>
 <p><a name="module_settings.wrapSettingString"></a></p>
-<h2 id="settings.wrapsettingstring(key)-%E2%87%92-object" tabindex="-1">settings.wrapSettingString(key) ⇒ <code>object</code></h2>
+<h2 id="settings.wrapsettingstring(key%2C-transform)-%E2%87%92-object" tabindex="-1">settings.wrapSettingString(key, transform) ⇒ <code>Object</code></h2>
 <p>Creates a wrapped string representation of a configuration setting.
 This function returns an object with a <code>toString()</code> method that, when called,
 retrieves the current value of the specified setting. This allows the setting
 to be used as a string literal, dynamically retrieving its value.</p>
 <p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
-<strong>Returns</strong>: <code>object</code> - An object with a <code>toString()</code> method that returns the setting value.</p>
+<strong>Returns</strong>: <code>Object</code> - An object with a <code>toString()</code> method that returns the
+(optionally transformed) setting value as a string.</p>
 <table>
 <thead>
 <tr>
@@ -5218,15 +5265,64 @@ to be used as a string literal, dynamically retrieving its value.</p>
 <tbody>
 <tr>
 <td>key</td>
-<td><code>string</code></td>
+<td><code>String</code></td>
 <td>The key of the setting to wrap.</td>
 </tr>
+<tr>
+<td>transform</td>
+<td><code>function</code></td>
+<td>Optional function to transform the setting's value when its string representation is requested.</td>
+</tr>
 </tbody>
 </table>
 <p><a name="module_settings.configureIcons"></a></p>
 <h2 id="settings.configureicons()" tabindex="-1">settings.configureIcons()</h2>
 <p>Sets icon settings to Font Awesome icons</p>
-<p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a></p>
+<p><strong>Kind</strong>: static method of <a href="#module_settings"><code>settings</code></a><br>
+<a name="module_settings..defaults"></a></p>
+<h2 id="settings~defaults-%3A-defaults" tabindex="-1">settings~defaults : <code>Defaults</code></h2>
+<p><strong>Kind</strong>: inner constant of <a href="#module_settings"><code>settings</code></a><br>
+<a name="module_settings..Defaults"></a></p>
+<h2 id="settings~defaults-%3A-object" tabindex="-1">settings~Defaults : <code>object</code></h2>
+<p>Default settings</p>
+<p><strong>Kind</strong>: inner typedef of <a href="#module_settings"><code>settings</code></a><br>
+<strong>Properties</strong></p>
+<table>
+<thead>
+<tr>
+<th>Name</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>iconClassClose</td>
+<td><code>string</code></td>
+<td>The CSS class string for the close icon</td>
+</tr>
+<tr>
+<td>iconClassDragX</td>
+<td><code>string</code></td>
+<td>The CSS class string for the drag X icon</td>
+</tr>
+<tr>
+<td>iconClassPrevious</td>
+<td><code>string</code></td>
+<td>The CSS class string for the previous icon</td>
+</tr>
+<tr>
+<td>iconClassNext</td>
+<td><code>string</code></td>
+<td>The CSS class string for the next icon</td>
+</tr>
+<tr>
+<td>cssvarPrefix</td>
+<td><code>string</code></td>
+<td>The prefix to use for CSS custom properties</td>
+</tr>
+</tbody>
+</table>
 
     </div>
   </div>

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

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -5089,7 +5119,7 @@
                     <li><a href="#breakpointmanager.removeonchange(callback)">breakpointManager.removeOnChange(callback)</a>
             		</li>
 
-                    <li><a href="#breakpointmanager.getbreakpointinpsuedo()">breakpointManager.getBreakpointInPsuedo()</a>
+                    <li><a href="#breakpointmanager.getbreakpointinpseudo()">breakpointManager.getBreakpointInPseudo()</a>
             		</li>
 
                     <li><a href="#breakpointmanager.getbreakpointinproperty()">breakpointManager.getBreakpointInProperty()</a>
@@ -5170,7 +5200,7 @@
 <li><a href="#new_module_ui/breakpoints.BreakpointManager_new">new exports.BreakpointManager(config)</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+onChange">.onChange(callback)</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+removeOnChange">.removeOnChange(callback)</a></li>
-<li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInPsuedo">.getBreakpointInPsuedo()</a></li>
+<li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInPseudo">.getBreakpointInPseudo()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInProperty">.getBreakpointInProperty()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpoint">.getBreakpoint()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+update">.update()</a></li>
@@ -5207,7 +5237,7 @@
 <p><a name="module_ui/breakpoints.BreakpointManager"></a></p>
 <h2 id="ui%2Fbreakpoints.breakpointmanager" tabindex="-1">ui/breakpoints.BreakpointManager</h2>
 <p>Class that provides method for retrieving and acting on breakpoints passed
-from CSS (using element psuedo content prop)</p>
+from CSS (using element pseudo content prop)</p>
 <p><strong>Kind</strong>: static class of <a href="#module_ui/breakpoints"><code>ui/breakpoints</code></a></p>
 <ul>
 <li><a href="#module_ui/breakpoints.BreakpointManager">.BreakpointManager</a>
@@ -5215,7 +5245,7 @@ from CSS (using element psuedo content prop)</p>
 <li><a href="#new_module_ui/breakpoints.BreakpointManager_new">new exports.BreakpointManager(config)</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+onChange">.onChange(callback)</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+removeOnChange">.removeOnChange(callback)</a></li>
-<li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInPsuedo">.getBreakpointInPsuedo()</a></li>
+<li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInPseudo">.getBreakpointInPseudo()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpointInProperty">.getBreakpointInProperty()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+getBreakpoint">.getBreakpoint()</a></li>
 <li><a href="#module_ui/breakpoints.BreakpointManager+update">.update()</a></li>
@@ -5237,7 +5267,7 @@ from CSS (using element psuedo content prop)</p>
 <tr>
 <td>config</td>
 <td><code>Object</code></td>
-<td>Configruation object</td>
+<td>Configuration object</td>
 </tr>
 <tr>
 <td>config.order</td>
@@ -5250,28 +5280,28 @@ from CSS (using element psuedo content prop)</p>
 <td>Property to grab breakpoint from (default is --breakpoint)</td>
 </tr>
 <tr>
-<td>config.valueFromPsuedo</td>
+<td>config.valueFromPseudo</td>
 <td><code>Array</code></td>
-<td>Use the legacy method of grabbing breakpoint from psuedo element, default uses custom property</td>
+<td>Use the legacy method of grabbing breakpoint from pseudo element, default uses custom property</td>
 </tr>
 <tr>
 <td>config.element</td>
 <td><code>Node</code></td>
-<td>The element to retrieve active breakpoint from stylesheet. (default is html) For using the old psuedo method, adjust this to document.body</td>
+<td>The element to retrieve active breakpoint from stylesheet. (default is html) For using the old pseudo method, adjust this to document.body</td>
 </tr>
 <tr>
-<td>config.psuedoSelector</td>
+<td>config.pseudoSelector</td>
 <td><code>String</code></td>
-<td>Change psuedo selector used to get the breakpoint from the psuedo's content property</td>
+<td>Change pseudo selector used to get the breakpoint from the pseudo's content property</td>
 </tr>
 </tbody>
 </table>
 <p><a name="module_ui/breakpoints.BreakpointManager+onChange"></a></p>
 <h3 id="breakpointmanager.onchange(callback)" tabindex="-1">breakpointManager.onChange(callback)</h3>
-<p>Add a callback for everytime a breakpoint changes</p>
+<p>Add a callback for every time a breakpoint changes</p>
 <ul>
 <li>Not recommended, possibly use to watch for changes, etc</li>
-<li>For more control use intance.at(name) with breakpoint methods</li>
+<li>For more control use instance.at(name) with breakpoint methods</li>
 </ul>
 <p><strong>Kind</strong>: instance method of <a href="#module_ui/breakpoints.BreakpointManager"><code>BreakpointManager</code></a></p>
 <table>
@@ -5310,9 +5340,9 @@ from CSS (using element psuedo content prop)</p>
 </tr>
 </tbody>
 </table>
-<p><a name="module_ui/breakpoints.BreakpointManager+getBreakpointInPsuedo"></a></p>
-<h3 id="breakpointmanager.getbreakpointinpsuedo()" tabindex="-1">breakpointManager.getBreakpointInPsuedo()</h3>
-<p>Get breakpoint from a psuedo element</p>
+<p><a name="module_ui/breakpoints.BreakpointManager+getBreakpointInPseudo"></a></p>
+<h3 id="breakpointmanager.getbreakpointinpseudo()" tabindex="-1">breakpointManager.getBreakpointInPseudo()</h3>
+<p>Get breakpoint from a pseudo element</p>
 <p><strong>Kind</strong>: instance method of <a href="#module_ui/breakpoints.BreakpointManager"><code>BreakpointManager</code></a><br>
 <a name="module_ui/breakpoints.BreakpointManager+getBreakpointInProperty"></a></p>
 <h3 id="breakpointmanager.getbreakpointinproperty()" tabindex="-1">breakpointManager.getBreakpointInProperty()</h3>

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

@@ -181,6 +181,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -1973,21 +1988,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -2453,6 +2453,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">
@@ -2682,6 +2697,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/demos/breakpoints-manager/">
+          
+    
+    <span class="nav-tree__text">
+      Breakpoint Manager
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -4474,21 +4504,6 @@
         </li>
       
 
-        <li class="nav-tree__item  ">
-          
-        <a class="nav-tree__link  " href="/frontend/sass/helpers/print/">
-          
-    
-    <span class="nav-tree__text">
-      Print
-    </span>
-  
-        </a>
-      
-          
-        </li>
-      
-
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/sass/helpers/typography/">
@@ -4954,6 +4969,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/utils-css/">
+          
+    
+    <span class="nav-tree__text">
+      utils/css
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/utils-dom/">